body{margin:0}
.lw-page{container-type:inline-size;--d:'Fraunces',Georgia,'Times New Roman',serif}
.lw-page a{color:#3F5B45;text-decoration-thickness:2px;text-underline-offset:4px}
.lw-page a:hover{color:#2C4332;text-decoration-thickness:3px}
.lw-page a:focus-visible,.lw-page button:focus-visible{outline:3px solid #27302A;outline-offset:3px;box-shadow:0 0 0 3px #E3C58C}
.lw-wrap{max-width:1280px;margin:0 auto;box-sizing:border-box;padding-inline:20px;padding-inline:clamp(20px,5cqi,48px)}
.lw-sec{padding-block:48px;padding-block:clamp(48px,5.5cqi,80px)}
.lw-h2{margin:0;font:600 30px/1.15 var(--d);font:600 clamp(30px,3.4cqi,42px)/1.15 var(--d);letter-spacing:-0.01em;text-wrap:balance}
.lw-sub{margin:12px 0 0;max-width:30em;color:#56605A}
.lw-kicker{margin:0 0 12px;font-size:18px;font-weight:700;color:#8C4A2F}
.lw-c{font-weight:600;white-space:nowrap}
.lw-page .lw-btn{display:inline-flex;align-items:center;justify-content:center;min-height:60px;box-sizing:border-box;padding:14px 32px;border:2px solid #3F5B45;border-radius:999px;background:#3F5B45;color:#fff;font-family:inherit;font-size:20px;font-weight:700;line-height:1.25;text-align:center;text-decoration:none}
.lw-page .lw-btn:hover{border-color:#2C4332;background:#2C4332;color:#fff}
.lw-page .lw-btn2{background:#fff;color:#3F5B45}
.lw-page .lw-btn2:hover{background:#F7F5EE;color:#2C4332}
.lw-grid3{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:24px}
.lw-page .lw-path{display:flex;flex-direction:column;align-items:flex-start;gap:12px;height:100%;box-sizing:border-box;padding:24px;padding:clamp(24px,3cqi,36px);border-radius:20px;background:#fff;color:#27302A;text-decoration:none}
.lw-page .lw-path:hover{color:#27302A;box-shadow:0 0 0 3px #3F5B45}
.lw-path h3{margin:0;font:600 23px/1.25 var(--d);font:600 clamp(23px,2.2cqi,26px)/1.25 var(--d)}
.lw-path p{margin:0;font-size:18px;line-height:1.6;color:#56605A}
.lw-blob{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:8px;border-radius:50%}
.lw-blob svg{width:36px;height:36px;fill:none;stroke:#27302A;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.lw-more{margin-top:auto;padding-top:8px;font-size:18px;font-weight:700;color:#3F5B45;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.lw-find{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:8px 32px}
.lw-page .lw-row{display:flex;align-items:flex-start;gap:20px;min-height:88px;box-sizing:border-box;padding:20px;border-radius:16px;color:#27302A;text-decoration:none}
.lw-page .lw-row:hover{background:#F7F5EE;color:#27302A}
.lw-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#F7F5EE}
.lw-row:hover .lw-ic{background:#fff}
.lw-ic svg{width:28px;height:28px;fill:none;stroke:#3F5B45;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lw-row h3{margin:0;font:600 22px/1.3 var(--d);color:#3F5B45;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.lw-row p{margin:4px 0 0;font-size:18px;line-height:1.6;color:#56605A}
.lw-fact{box-sizing:border-box;padding:24px;padding:clamp(24px,3cqi,36px);border-radius:20px;background:#EEF0E4}
.lw-fact p{margin:0}
.lw-num{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:20px;border-radius:50%;background:#E3C58C;color:#27302A;font:600 24px/1 var(--d)}
@media (prefers-reduced-motion:reduce){.lw-page *{transition:none !important;animation:none !important;scroll-behavior:auto !important}}

/* ---- home: first screen ---- */
.lw-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.lw-title{margin:0 0 28px;margin:0 0 clamp(28px,3.5cqi,44px);max-width:20em;font:600 34px/1.1 var(--d);font:600 clamp(34px,4.6cqi,52px)/1.1 var(--d);letter-spacing:-0.02em;text-wrap:balance}

/* ---- home: your next step ---- */
.lw-steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:32px 48px}
.lw-steps li{display:flex;align-items:flex-start;gap:20px}
.lw-steps .lw-num{flex:none;margin:0}
.lw-steps h3{margin:10px 0 8px;font:600 22px/1.25 var(--d);font:600 clamp(22px,2.3cqi,26px)/1.25 var(--d)}
.lw-steps p{margin:0;font-size:18px;line-height:1.6}
.lw-next-cta{margin-top:40px}
.lw-connect{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;margin-top:48px;margin-top:clamp(48px,6cqi,72px);padding-top:28px;padding-top:clamp(28px,3.5cqi,40px);border-top:1px solid #E2E0D2}
.lw-connect>div{flex:1 1 420px;min-width:0}
.lw-connect h2{margin:0;max-width:30em;font:600 22px/1.3 var(--d);text-wrap:balance}
.lw-connect p{margin:8px 0 0;max-width:34em;font-size:18px;line-height:1.6;color:#56605A}

/* ---- home: start here (four paths) and quick links ---- */
.lw-grid4{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}
.lw-quick{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:40px}
.lw-quick p{margin:0;font-size:18px;font-weight:700;color:#56605A}
.lw-quick ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 20px}
.lw-quick a{display:inline-flex;align-items:center;min-height:44px;font-size:18px;font-weight:700}
.lw-urgent{margin:12px 0 0;font-weight:700}
/* ---- other names ---- */
/* ---- two goals ---- */
.lw-goals{margin-top:44px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:24px}
.lw-goal{box-sizing:border-box;padding:24px;padding:clamp(24px,3cqi,36px);border-radius:20px;background:#fff}
.lw-goal h3{margin:4px 0 6px;font:600 25px/1.2 var(--d);font:600 clamp(25px,2.6cqi,30px)/1.2 var(--d)}
.lw-goal>p{margin:0 0 12px;color:#56605A;font-size:18px}
.lw-goal-links{list-style:none;margin:0;padding:0}
.lw-goal-links li{border-top:1px solid #E2E0D2}
.lw-page .lw-goal-links a{display:grid;gap:2px;margin-inline:-10px;padding:14px 46px 14px 10px;min-height:48px;box-sizing:border-box;border-radius:12px;text-decoration:none;color:#27302A;position:relative}
.lw-goal-links a::after{content:"";position:absolute;right:18px;top:50%;width:10px;height:10px;border:solid #3F5B45;border-width:3px 3px 0 0;transform:translateY(-50%) rotate(45deg)}
.lw-goal-links b{font-size:19px;color:#3F5B45;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.lw-goal-links span{font-size:18px;color:#56605A;line-height:1.45}
.lw-page .lw-goal-links a:hover b{color:#2C4332;text-decoration-thickness:3px}
/* ---- trials band ---- */
.lw-trials li{box-sizing:border-box;padding:24px;padding:clamp(24px,3cqi,32px);border-radius:20px;background:#fff;display:flex;flex-direction:column;gap:8px}
.lw-trials h3{margin:0;font:600 22px/1.25 var(--d);font:600 clamp(22px,2.3cqi,26px)/1.25 var(--d)}
.lw-trials p{margin:0;font-size:18px;line-height:1.6}
.lw-tag{align-self:flex-start;padding:5px 14px;border-radius:999px;background:#E3C58C;color:#27302A;font-size:18px;font-weight:700;line-height:1.4}

/* ---- hero: the names line ---- */
.lw-aka{margin:-6px 0 28px;margin:-6px 0 clamp(28px,3.5cqi,40px);display:flex;align-items:flex-start;gap:14px;max-width:46em;font-size:19px;line-height:1.55;color:#56605A;text-wrap:pretty}
.lw-aka-ico{flex:none;width:44px;height:44px;margin-top:-6px}
.lw-aka b{font-weight:700;color:#27302A}
.lw-aka a{font-weight:700;white-space:nowrap}
.lw-aka-names,.lw-aka-welcome{display:block}
.lw-aka-welcome{margin-top:6px;color:#27302A}
.lw-aka-jump{display:inline-flex;align-items:center;min-height:44px}
.lw-aka-jump svg{width:20px;height:20px;margin-left:6px;vertical-align:-4px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@container (max-width:759px){
.lw-aka{margin-top:-10px;font-size:18px;line-height:1.5}
.lw-aka-ico{display:none}
.lw-aka-welcome{margin-top:4px}
}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

.lw-nw{white-space:nowrap}

/* ---- home hero: CMT2C in numbers ---- */

/* ---- home: why ABS-0871 matters ---- */
.lw-abs-sub{max-width:38em;font-size:19px;font-size:clamp(19px,1.7cqi,22px);line-height:1.6;color:#27302A}
.lw-whygrid{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(460px,100%),1fr));gap:24px}
.lw-why{box-sizing:border-box;padding:24px;padding:clamp(24px,3cqi,36px);border-radius:20px;background:#fff}
.lw-why::before{content:"";display:block;width:56px;height:56px;margin-bottom:20px;border-radius:50%;background:#EEF0E4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M24 40C25 32 24.5 25 23 17' fill='none' stroke='%233F5B45' stroke-width='2.5' stroke-linecap='round'/%3E%3Cg fill='%237FA088'%3E%3Cpath d='M0 0C18 -30 58 -32 84 0C58 32 18 30 0 0Z' transform='translate(23.6 23) rotate(-140) scale(0.2)'/%3E%3Cpath d='M0 0C18 -30 58 -32 84 0C58 32 18 30 0 0Z' transform='translate(24.5 33) rotate(-30) scale(0.15)' fill='%23A3BDA9'/%3E%3C/g%3E%3Cpath d='M0 0C18 -30 58 -32 84 0C58 32 18 30 0 0Z' transform='translate(23.6 23) rotate(-45) scale(0.2)' fill='%23D98E6A'/%3E%3Cpath d='M0 0C18 -30 58 -32 84 0C58 32 18 30 0 0Z' transform='translate(23 17) rotate(-92) scale(0.11)' fill='%233F5B45'/%3E%3C/svg%3E") center/44px no-repeat}
.lw-update{display:block;margin-top:12px}
.lw-why h3{margin:0 0 12px;font:600 22px/1.25 var(--d);font:600 clamp(22px,2.3cqi,26px)/1.25 var(--d);text-wrap:balance}
.lw-why p{margin:0;font-size:18px;line-height:1.6}
.lw-abs-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:32px 56px;align-items:start;margin-top:48px;margin-top:clamp(48px,6cqi,72px)}
.lw-voice{margin:0;box-sizing:border-box;padding:28px;padding:clamp(28px,3.5cqi,44px);border-radius:20px;background:#3F5B45;color:#fff}
.lw-voice-label{margin:0 0 16px;font-size:18px;font-weight:700;color:#E3C58C}
.lw-voice blockquote{margin:0}
.lw-voice blockquote p{margin:16px 0 0;font-size:19px;line-height:1.65}
.lw-voice blockquote p:first-child{margin:0;font:600 23px/1.35 var(--d);font:600 clamp(23px,2.3cqi,28px)/1.35 var(--d);text-wrap:pretty}
.lw-voice figcaption{margin-top:20px;font-size:18px;font-weight:700;color:#EEF0E4}
.lw-meaning h3{margin:0;font:600 22px/1.25 var(--d);font:600 clamp(22px,2.3cqi,26px)/1.25 var(--d);text-wrap:balance}
.lw-meaning ul{list-style:none;margin:16px 0 0;padding:0}
.lw-meaning li{padding:16px 0;border-top:1px solid #E2E0D2;font-size:18px;line-height:1.6}
.lw-meaning li:first-child{border-top:0}
.lw-meaning strong{display:block;color:#2C4332}
.lw-abs-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:40px;margin-top:clamp(40px,5cqi,56px)}
.lw-abs-thanks{margin:32px 0 0;margin:clamp(32px,4cqi,48px) 0 0;max-width:40em;box-sizing:border-box;padding:24px;padding:clamp(24px,3cqi,32px);border-radius:20px;background:#EEF0E4;font-size:18px;line-height:1.65;text-wrap:pretty}
/* ---- visual review fixes ---- */
/* phone hero: the icon circles show against the Sage Mist band */
.lw-ico{background:#fff}
/* trial chips use the same colour code as the Trials page */
.lw-tag.lw-tag-g1{background:#EEF0E4;color:#2C4332;box-shadow:inset 0 0 0 2px #3F5B45}
.lw-tag.lw-tag-join{background:#fff;color:#2C4332;box-shadow:inset 0 0 0 1.5px #3F5B45}
.lw-tag.lw-tag-many{background:#fff;color:#56605A;box-shadow:inset 0 0 0 1.5px #6F786F}
/* "How this site is sourced": the urgent-care line is the safety panel from the design system, as on Symptoms,
   with the disclaimer as a plain line under it (no box inside a box) */
.lw-safety{flex:1 1 340px;min-width:0;display:grid;gap:14px;align-content:start}
.lw-urgent{display:flex;gap:14px;margin:0;padding:18px 20px;border:2px solid #8C4A2F;border-radius:16px;background:#fff;font-weight:400}
.lw-urgent svg{flex:none;margin-top:2px}
.lw-urgent b{color:#8C4A2F}
.lw-disc{margin:0;padding:0 4px;font-size:17px;line-height:1.55;color:#56605A}

/* ---- FDA listening session banner (top of the home page) ---- */
.lw-fda{background:#2C4332;color:#fff}
/* a slim band: date, two lines, one button and a close button (closing is remembered, menu.js) */
.lw-fda-off .lw-fda{display:none}
.lw-fda-in{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"text btn x";align-items:center;gap:12px 24px;padding-block:14px}
.lw-fda-text{grid-area:text}
.lw-fda-actions{grid-area:btn}
.lw-fda-x{grid-area:x}
/* laptops and tablets: the button goes under the text, so the text keeps a comfortable width */
@container (max-width:1000px){
.lw-fda-in{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"text x" "btn ."}
.lw-fda-actions{justify-self:start}
.lw-fda-x{align-self:start}
}
.lw-fda-text{flex:1 1 auto;min-width:0}
.lw-fda-text p{margin:2px 0 0;font-size:17px;line-height:1.5;color:#EEF0E4}
.lw-fda-text .lw-fda-h{margin:0;font:600 21px/1.25 var(--d);color:#fff}
.lw-fda-x{flex:none;display:grid;place-items:center;width:48px;height:48px;margin-right:-8px;border:0;border-radius:50%;background:transparent;color:#EEF0E4;cursor:pointer}
.lw-fda-x:hover{background:rgba(255,255,255,.12);color:#fff}
.lw-fda-x:focus-visible{outline:3px solid #FFFFFF;outline-offset:2px}
.lw-page .lw-fda a.lw-c{color:#E3C58C}
.lw-page .lw-fda .lw-fda-text a:not(.lw-c){color:#fff;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:#E3C58C}
.lw-page .lw-fda .lw-fda-btn{flex:none;border-color:#E3C58C;background:#E3C58C;color:#27302A}
.lw-page .lw-fda .lw-fda-btn:hover{border-color:#fff;background:#fff;color:#27302A}
.lw-fda-actions{flex:none;display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:0}
.lw-page .lw-fda .lw-fda-btn2{background:transparent;color:#fff}
.lw-fda-btn>span{text-wrap:balance;text-align:center}
.lw-fda-text p+p{margin-top:8px}
/* the dark banner: a white focus ring, since the ink outline and honey halo vanish on it */
.lw-page .lw-fda a:focus-visible{outline:3px solid #FFFFFF;outline-offset:3px;box-shadow:none}
@container (max-width:760px){
.lw-fda-in{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"text x" "btn btn";gap:10px;padding-block:16px 18px}
.lw-fda-x{margin:-4px -10px 0 0}
.lw-page .lw-fda .lw-fda-btn{width:100%}
}
/* Clinical trials to watch: the "See all" button sits with the intro; the three cards share one top edge and
   one height, and ABS-0871 in the middle stands out by its shadow and larger type, not by overlapping */
.lw-tw-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px}
.lw-tw-head .lw-sub{flex:1 1 460px;margin-bottom:0}
.lw-tw-head .lw-btn{flex:none}
.lw-trials.lw-trials-feat{margin-top:48px;grid-template-columns:1fr 1.18fr 1fr;align-items:stretch;gap:20px}
.lw-trials-feat>li.lw-trial-star{position:relative;z-index:1;padding:32px;box-shadow:0 18px 40px rgba(39,48,42,.14),0 0 0 1px #E2E0D2}
.lw-trial-star h3{font-size:30px}
.lw-trial-star p{font-size:19px}
@container (max-width:1000px){
.lw-trials.lw-trials-feat{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:32px}
.lw-trials-feat>li.lw-trial-star{order:-1;margin:0 0 6px;padding:28px 24px;box-shadow:0 8px 20px rgba(39,48,42,.10),0 0 0 1px #E2E0D2}
.lw-trial-star h3{font-size:26px}
}
/* ---- hero: what the site is ---- */
/* ---- "What you’ll find here": one card per section; under its name, each of its pages is a link (docs/build/site_nav.py) ---- */
.lw-explore{background:#F7F5EE}
.lw-map{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr));gap:16px}
.lw-page .lw-mapcard{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:4px 16px;height:100%;box-sizing:border-box;padding:20px 24px 14px;border-radius:20px;background:#fff;color:#27302A}
.lw-mapcard svg{grid-row:1}
.lw-mapcard h3{margin:0;padding-block:8px;font:600 22px/1.25 var(--d);font:600 clamp(22px,2.2cqi,25px)/1.25 var(--d);color:#27302A}
.lw-mapcard p{margin:0;font-size:18px;line-height:1.5;color:#56605A}
/* the section's pages, one per line with a small leaf-green dot */
.lw-page .lw-mappages{grid-column:2;list-style:none;margin:0;padding:0;display:grid;gap:0;font-size:18px;line-height:1.35}
.lw-page .lw-mappages a{display:flex;align-items:center;min-height:44px}
.lw-page .lw-mappages li{position:relative;margin:0;padding-left:16px}
.lw-mappages li::before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#A3BDA9}
/* ---- home hero, second pass: title, one paragraph, buttons and byline beside a book-and-plant illustration ---- */
.lw-ico{display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff}
.lw-ico svg{width:24px;height:24px;fill:none;stroke:#3F5B45;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lw-hero-row{align-items:center !important;padding-top:8px;padding-top:clamp(8px,1.5cqi,16px)}
.lw-title{margin:0 0 20px;margin:0 0 clamp(20px,2.5cqi,28px);max-width:13em;font-size:38px;font-size:clamp(38px,5.2cqi,64px);line-height:1.05}
.lw-title-accent{color:#3F5B45}
.lw-hero-text .lw-lead{max-width:30em !important;color:#27302A}
.lw-byline{display:flex;align-items:center;gap:14px;margin:32px 0 0;font-size:18px;line-height:1.45;color:#56605A}
.lw-byline img{flex:none;width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 30%;box-shadow:0 0 0 3px #fff}
.lw-byline a{font-weight:700}
.lw-hero-art{flex:0 1 440px;min-width:0}
.lw-hero-ill{display:block;width:100%;height:auto}
.lw-aka-strip{margin:40px 0 0;margin:clamp(40px,5cqi,64px) 0 0;max-width:none;box-sizing:border-box;padding:16px 22px;border-radius:20px;background:#fff;align-items:center}
.lw-aka-strip .lw-aka-names,.lw-aka-strip .lw-aka-welcome{display:inline}
.lw-aka-strip .lw-aka-welcome{margin:0}
.lw-aka-strip .lw-aka-jump{margin-left:4px}
.lw-three-sub{max-width:44em;color:#27302A}
@container (max-width:759px){
.lw-hero-row{gap:0 !important}
.lw-hero-art{display:none}
.lw-byline{margin-top:28px}
.lw-aka-strip{margin-top:36px;padding:14px 16px}
}
.lw-explore .lw-sec{padding-top:40px;padding-top:clamp(40px,4cqi,56px)}

/* hero: the other names as one quiet line under the intro, with the byline below it */
.lw-akaline{margin:20px 0 0;max-width:36em;font-size:18px;line-height:1.55;color:#56605A}
.lw-akaline b{color:#27302A}
.lw-akaline a:not(.lw-c){font-weight:700;white-space:nowrap}
/* "What you'll find here": the title and description sit at the top of every card */
.lw-page .lw-mapcard{align-content:start}
.lw-byline-pics{display:flex;flex:none}
.lw-byline-pics{gap:8px}