/* Dr.SAM shares the layout with text. Overlap is limited to decorative outer edges. */
.sam-art{display:block;max-width:100%;height:auto;object-fit:contain;object-position:center bottom;pointer-events:none;user-select:none;filter:drop-shadow(0 12px 15px #081c3512)}
.sam-voice{display:flex;align-items:baseline;gap:16px;margin:22px 0 0;min-width:0}
.sam-byline{display:inline-block;flex:0 0 auto;font-size:.875rem;line-height:1.5;font-weight:650;letter-spacing:.035em;color:#456bb2}
.sam-voice p{margin:0;font-size:1rem;line-height:1.85;word-break:keep-all;overflow-wrap:anywhere;color:#536781;max-width:660px}
.dark .sam-byline{color:#a2caff}.dark .sam-voice p{color:#c2d4ed}

/* Home: the character owns a real column, including on foldable/tablet widths. */
.v4-home-platform .two-col{align-items:center;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:48px}
.sam-home-scene{position:relative;isolation:isolate;margin-top:20px;min-width:0}
.sam-home-scene .v4-platform-map{background:linear-gradient(145deg,#173357,#0c1c35 68%);border-color:#496b98;box-shadow:0 24px 64px #020c1c30}
.sam-home-scene .v4-platform-core{display:grid;grid-template-columns:minmax(0,1fr) minmax(84px,32%);gap:16px;align-items:end;text-align:left;padding:0;min-height:0}
.sam-home-copy{min-width:0;padding:8px 0 22px}
.sam-home-copy>span{display:block;color:#a4c7f2;font-size:.875rem;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}
.sam-home-copy>strong{display:block;font-size:clamp(28px,3vw,38px);line-height:1.35;font-weight:500;letter-spacing:-.035em;margin:12px 0}
.sam-home-copy>p{font-size:1rem;line-height:1.75;color:#bacce2;margin:0}
.sam-home-scene .v4-platform-core>.sam-art{position:static;width:100%;height:auto;max-width:154px;justify-self:end;align-self:end;margin-top:-24px}
.sam-home-scene .sam-voice{gap:13px;margin-top:22px}
.sam-home-scene .v4-platform-components>div{min-width:0}
.sam-home-scene .v4-platform-components b{word-break:keep-all;overflow-wrap:anywhere}

/* Technology: compact modules on wide single-column flow; art never covers copy. */
.tech5-intro .drugos-flow{margin-top:36px}
.drugos-flow .sam-core{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:0 12px;align-content:start;padding:28px 24px}
.sam-core-heading{min-width:0;align-self:center}
.sam-core-heading>.flow-step{margin:0 0 10px;line-height:1.65;font-size:.875rem}
.drugos-flow .sam-core-heading>h3{font-size:32px;line-height:1.35;margin:0 0 16px;max-width:none}
.sam-core>.sam-art{position:static;grid-column:2;grid-row:1;width:86px;height:auto;align-self:end;justify-self:end;margin-top:-12px}
.sam-core-modules{grid-column:1/-1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr)}
.sam-core-modules .flow-module{min-width:0;padding:14px 0}
.sam-core-modules .flow-module>b{font-size:18px;line-height:1.55;word-break:keep-all;overflow-wrap:anywhere}
.sam-core-modules .flow-module>span{font-size:.9375rem;line-height:1.7}
.drugos-flow .sam-core>p{grid-column:1/-1;margin:10px 0 0;line-height:1.75}
.sam-voice--tech{margin-top:24px}

.sam-chart-note{margin:12px 0 30px;padding:0 0 0 16px;border-left:2px solid #a6bcd9;max-width:750px}

/* The combination product already contains Dr.SAM. */
.sam-combination-scene{min-width:0}
.sam-combination-scene .combination-image{transform:rotate(-1.5deg);border-radius:18px;overflow:hidden;box-shadow:0 18px 40px #12294314;margin:0 6px 0 0}
.sam-combination-scene .sam-voice{margin-top:27px;padding-left:6px}

/* Doctors: links span the full row below the character and introduction. */
.sam-doctor-actions{margin-top:32px;padding:24px 0;background:linear-gradient(105deg,#f3f7ff,#edf2fb);border-color:#dce7f5}
.sam-doctor-actions>.wrap{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:16px 24px;align-items:center}
.sam-doctor-content{display:contents}
.sam-doctor-actions .sam-voice{grid-column:1;grid-row:1;margin:0}
.sam-doctor-actions .sam-art{position:static;grid-column:2;grid-row:1;width:105px;height:auto;align-self:end;margin-top:-35px}
.sam-doctor-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;padding-top:16px;border-top:1px solid #d5e1f2}

/* Patients: in-flow character; actions remain full-width on narrow screens. */
.sam-onboarding{display:grid;grid-template-columns:190px minmax(0,1fr);gap:36px;align-items:center;margin:25px 0 56px;padding:30px 32px 30px 20px;border-radius:24px;background:linear-gradient(110deg,#eaf1ff,#f4f7fc 67%)}
.sam-onboarding-art{min-width:0;align-self:end;margin-bottom:-30px}
.sam-onboarding .sam-art{position:static;width:190px;height:auto;max-width:100%}
.sam-onboarding-copy{min-width:0}.sam-onboarding-intro h2{font-size:clamp(26px,2.5vw,34px);margin:9px 0 12px}
.sam-onboarding-copy>p{font-size:1rem;line-height:1.85;color:#536781;max-width:650px;margin:0 0 22px;word-break:keep-all}
.sam-onboarding .patient-resources{margin:0;gap:12px 15px}

@media(max-width:1100px){
  .drugos-flow .sam-core{grid-template-columns:minmax(0,1fr) 136px;gap:0 24px;padding:24px}
  .sam-core>.sam-art{grid-column:2;grid-row:1/4;width:136px;margin:0 0 -24px}
  .sam-core-heading{grid-column:1}.sam-core-modules{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .drugos-flow .sam-core>p{grid-column:1;margin-top:6px}
  .drugos-flow .sam-core-heading>h3{font-size:32px;margin-bottom:14px}
  .sam-core-modules .flow-module{padding:12px 0}.sam-core-modules .flow-module>b{font-size:18px}
}
@media(max-width:1000px){
  .v4-home-platform .two-col{grid-template-columns:1fr;gap:28px;align-items:start}
  .sam-home-scene{margin-top:12px}
  .sam-home-scene .v4-platform-core{grid-template-columns:minmax(0,1fr) 138px}
  .sam-home-scene .v4-platform-components>div{padding:18px}
  .sam-onboarding{grid-template-columns:150px minmax(0,1fr);gap:28px}
}
@media(max-width:900px){
  .sq-app-grid{grid-template-columns:1fr;gap:26px}.sq-app-grid article{padding:28px 30px 0}
}
@media(max-width:760px){
  .sam-voice{display:block}.sam-voice p{margin-top:7px;font-size:1rem;line-height:1.8}
  .sam-home-scene .v4-platform-core{grid-template-columns:minmax(0,1fr) 116px;gap:16px}
  .sam-home-copy>strong{font-size:32px}.sam-home-copy{padding-bottom:18px}
  .sam-home-scene .v4-platform-components>div{padding:16px 12px}
  .sam-combination-scene .combination-image{transform:none;border-radius:13px;margin:0}.sam-combination-scene .sam-voice{padding:0}
  .sam-doctor-links .btn{flex:1 1 190px}
  .sam-onboarding{grid-template-columns:minmax(0,1fr) 102px;gap:18px 16px;margin:10px 0 40px;padding:24px;border-radius:17px;align-items:end}
  .sam-onboarding-copy{display:contents}.sam-onboarding-art{grid-column:2;grid-row:1;margin:0;align-self:end}
  .sam-onboarding-intro{grid-column:1;grid-row:1;min-width:0}.sam-onboarding-intro h2{font-size:26px;margin:8px 0 0}
  .sam-onboarding-copy>p,.sam-onboarding .patient-resources{grid-column:1/-1;margin:0}
  .sam-onboarding .patient-resources .btn{flex:1 1 230px}
}
@media(max-width:600px){
  .drugos-flow .sam-core{grid-template-columns:minmax(0,1fr) 88px;gap:0 16px;padding:22px}
  .sam-core>.sam-art{grid-column:2;grid-row:1;width:88px;margin:0;align-self:end}
  .sam-core-heading{grid-column:1}.sam-core-modules{grid-column:1/-1;grid-template-columns:1fr;gap:0}
  .drugos-flow .sam-core>p{grid-column:1/-1;margin-top:8px}
  .drugos-flow .sam-core-heading>h3{font-size:30px;margin-bottom:16px}
  .sam-doctor-actions>.wrap{grid-template-columns:minmax(0,1fr) 78px;gap:14px 16px}
  .sam-doctor-actions .sam-art{width:78px;margin-top:-16px}
}
@media(max-width:430px){
  .sam-home-scene .v4-platform-map{padding:18px}
  .sam-home-scene .v4-platform-core{grid-template-columns:minmax(0,1fr) 80px;gap:12px}
  .sam-home-copy>strong{font-size:28px}.sam-home-copy>p{font-size:.9375rem}
  .sam-home-scene .v4-platform-core>.sam-art{margin-top:0}
  .sam-onboarding{padding:22px;grid-template-columns:minmax(0,1fr) 80px;gap:18px 14px}.sam-onboarding-intro h2{font-size:24px}
}
/* Header navigation rules live in nav-menu.css. */
:root{--site-header-height:84px}
header{background:#fff}
section[id],.product-hero,.subsection,.clinical-panel,.access-panel,#program,#overview,[id="history"],[id="awards"],[id="news-list"]{scroll-margin-top:calc(var(--site-header-height) + 24px)}

/* Two-object medicine visual, integrated at the same scale as the product screens. */
.v6-case.combination figure{background:#edf3f9;overflow:hidden}
.v6-case.combination figure>img{width:100%;height:100%;max-width:100%;max-height:none;object-fit:contain;border-radius:0}
.sam-combination-scene .combination-image{transform:none;box-shadow:none;background:#edf3f9;max-width:480px;margin:0 auto;border-radius:14px}
.combination-image img{aspect-ratio:1;object-fit:contain}
/* Content-led proportions: grouped copy determines rhythm, never individual image-spanned text rows. */
.product-hero{padding:clamp(18px,2.2vw,28px) 0 clamp(26px,3.4vw,42px)}
.product-hero .breadcrumb{margin-bottom:clamp(16px,2.4vw,26px)}
.product-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(118px,23vw,252px);grid-template-areas:"intro visual" "actions visual";align-items:start;gap:20px clamp(20px,4vw,48px)}
.product-hero-copy{display:block;grid-area:intro;min-width:0;align-self:start}
.product-hero .eyebrow{display:block;line-height:1.6;font-size:.875rem;margin:0 0 10px;word-break:keep-all}
.product-hero h1{font-size:clamp(36px,4.6vw,58px);line-height:1.12;margin:0 0 12px;align-self:auto}
.product-hero h2{font-size:clamp(22px,2.8vw,31px);line-height:1.45;margin:0 0 14px;max-width:720px;text-align:left;text-wrap:pretty}
.product-hero-copy>p{font-size:1rem;line-height:1.8;margin:0;max-width:700px}
.product-hero-actions{grid-area:actions;min-width:0}
.product-hero .v6-product-proof{margin:0;gap:7px;min-height:0}
.product-hero .v6-product-proof>span{font-size:.875rem;padding:5px 9px;line-height:1.5}
.product-hero .buttons{display:flex;flex-wrap:wrap;gap:10px 12px;margin:16px 0 0;width:auto}
.product-hero .buttons .btn{padding:12px 17px;min-height:44px;font-size:.9375rem}
.product-hero-actions .product-hero-regulatory{font-size:.875rem;line-height:1.65;color:#5c6d84;margin:14px 0 0}
.product-hero-screen{grid-area:visual;align-self:center;justify-self:center;margin:0;min-width:0;width:100%}
.product-hero-screen img{width:auto;height:auto;max-width:100%;max-height:clamp(210px,30vw,365px);margin:0 auto;border-radius:12px;object-fit:contain}
.product-hero-screen figcaption{display:none}
.product-body{padding-block:clamp(28px,4vw,48px)}
.product-body>.wrap>.subsection:first-child{padding-top:0}

/* A single heading + explanation beside fluid, waist-cropped official art. */
.sam-product-chapter{--portrait-width:clamp(118px,21vw,210px);display:grid;grid-template-columns:minmax(0,1fr) var(--portrait-width);gap:clamp(16px,3vw,32px);align-items:center;margin:0 0 clamp(22px,3vw,32px);padding:0;border:0}
.sam-product-copy{display:block;min-width:0;padding:0}
.sam-product-copy .section-heading{display:block;margin:0}
.sam-product-copy .eyebrow{font-size:.875rem;line-height:1.6;margin:0 0 9px}
.sam-product-copy h2{font-size:clamp(24px,2.9vw,34px);line-height:1.45;margin:0;max-width:720px;text-wrap:pretty}
.sam-product-copy h2 br{display:none}
.sam-product-copy .sam-voice{display:block;margin:14px 0 0;max-width:710px}
.sam-product-copy .sam-voice p{font-size:1rem;line-height:1.75;margin:5px 0 0}
.sam-product-portrait{width:100%;height:auto;aspect-ratio:4/5;max-width:100%;overflow:hidden;align-self:end;justify-self:end;grid-column:auto;grid-row:auto}
.sam-product-portrait>.sam-art{display:block;width:100%;height:auto;max-width:100%;margin:0;filter:none}
.sam-product-chapter--seren .sam-byline{color:#377e73}
.seren-program>.process-grid{margin-top:0}
.sq-app-grid figure .screen-zoom{min-width:0}.sq-app-grid figure .screen-zoom img{object-fit:contain;max-width:100%}

/* The science title and guide form one compact introduction directly above the evidence. */
#clinical.section{padding-top:clamp(28px,4vw,48px)}
.sam-science-intro{display:grid;grid-template-columns:minmax(0,1fr) clamp(108px,18vw,174px);gap:clamp(18px,3vw,34px);align-items:center;margin:0 0 22px}
.sam-science-copy{min-width:0}.sam-science-copy .section-heading{display:block;margin:0}
.sam-science-copy .eyebrow{font-size:.875rem;line-height:1.6;margin:0 0 9px}
.sam-science-copy h2{font-size:clamp(26px,3vw,36px);line-height:1.4;margin:0}
.sam-science-copy .sam-voice{display:block;margin:12px 0 0}.sam-science-copy .sam-voice p{font-size:1rem;line-height:1.75;margin:5px 0 0}
.sam-science-portrait{width:100%;height:auto;aspect-ratio:4/5;overflow:hidden;align-self:end}
.sam-science-portrait>.sam-art{width:100%;height:auto;margin:0;filter:none}
#clinical>.wrap>.clinical-panel{padding:clamp(22px,3vw,34px);margin-top:0}
#clinical .clinical-panel .section-heading{margin-bottom:clamp(18px,2.5vw,28px)}

@media(max-width:800px){
 .product-hero-layout{grid-template-areas:"intro visual" "actions actions";gap:18px clamp(18px,3vw,26px)}
 .product-hero-screen{align-self:start;padding-top:24px}
 .product-hero-screen img{max-height:clamp(190px,33vw,264px)}
 .sam-product-copy h2 br{display:initial}
}
@media(max-width:520px){
 .product-hero-layout{grid-template-columns:minmax(0,1fr) clamp(84px,24vw,124px);gap:16px 16px}
 .product-hero h1{font-size:36px;margin-bottom:10px}.product-hero h2{font-size:22px;line-height:1.45}
 .product-hero-screen{padding-top:24px}.product-hero-screen img{max-height:210px}
 .product-hero .buttons .btn{flex:1 1 175px}
 .sam-product-chapter{--portrait-width:clamp(96px,27vw,140px);gap:16px;align-items:start}
 .sam-product-copy h2{font-size:24px}.sam-product-copy h2 br{display:none}
 .sam-product-portrait{align-self:start;margin-top:12px}
 .sam-science-intro{grid-template-columns:minmax(0,1fr) clamp(88px,24vw,124px);gap:16px;align-items:start}
 .sam-science-portrait{align-self:start;margin-top:12px}
}
@media(max-width:380px){
 .product-hero-layout{grid-template-columns:minmax(0,1fr) 84px;gap:16px 14px}
 .product-hero h2{font-size:21px}
 .sam-product-chapter,.sam-science-intro{grid-template-columns:minmax(0,1fr) 82px;gap:14px}
 .sam-product-copy h2{font-size:23px}.sam-science-copy h2{font-size:25px}
}
/* The phone follows the copy block height and cannot stretch its text rows. */
.product-hero-screen{position:relative;align-self:stretch;min-height:0;padding:0}
.product-hero-screen img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:365px;margin:auto;object-fit:contain}
@media(max-width:800px){.product-hero-screen img{max-height:264px}}
@media(max-width:520px){.product-hero-screen img{max-height:210px}}