/* V14 interface layer: bounded reading width, complete artwork, distinct inputs.
   No result charts, thresholds or scientific content are changed here. */
:root{--site-width:1180px}
header{padding:0 max(24px,calc((100% - var(--site-width))/2));height:76px;gap:28px}
header .brand{font-size:29px}header nav{font-size:17px;gap:24px}
header nav a{min-height:44px;display:flex;align-items:center}
header nav a[aria-current=page]{color:var(--accent-dark);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
footer{max-width:var(--site-width);margin:0 auto;padding:26px 0;gap:26px;font-size:16px}
footer .brand{margin-right:auto}footer>a:not(.brand){font-size:16px}
#home{padding:28px 24px 0;max-width:1228px;margin:auto}
.mood-hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:0;overflow:hidden;border:1px solid #eee0d8;border-radius:24px;background:#fcf6ef;position:relative;isolation:isolate}
.mood-hero .hero-copy{padding:36px 0 32px 38px;margin:0;width:auto;max-width:none;z-index:1}
.mood-hero .hero-copy h1{font-size:clamp(34px,3.5vw,46px);letter-spacing:-1.8px;line-height:1.12;margin:0 0 18px}
.mood-hero .hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:440px;margin-bottom:22px;color:#5d4c5c}
.mood-hero .hero-copy .hero-note{font-size:16px!important;margin:14px 0 0;color:#6b5d69;line-height:1.4}
.hero-visual{align-self:stretch;display:flex;align-items:center;min-width:0;background:#fcf6ef}
.hero-visual img{width:100%;height:auto;max-height:none;aspect-ratio:3/2;object-fit:contain;object-position:center;display:block}
.model-start{padding:30px 0 32px}.model-start .section-heading{margin-bottom:18px;gap:18px}
.model-start .section-heading h2{font-size:26px;letter-spacing:-.6px}
.route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;border:0}
.route-grid>button,.route-grid>button:last-child{display:grid;grid-template-columns:1fr 22px;grid-template-rows:58px 1fr;align-items:start;gap:14px 8px;min-height:194px;padding:20px;border:1px solid #dfd0de;border-radius:16px;background:#fffdfb;box-shadow:0 4px 12px #48304005;transition:background .15s,border-color .15s,transform .15s}
.route-grid>button:hover{background:#f7f0f7;border-color:#b494b4;transform:translateY(-3px)}
.route-grid .ui-icon{grid-column:1;grid-row:1;width:58px;height:58px}
.route-grid>button>b{grid-column:2;grid-row:1;align-self:start;font-size:23px;line-height:1.2;color:var(--accent)}
.route-grid .route-copy{grid-column:1/-1;grid-row:2;display:block;color:var(--ink);font-size:18px}
.route-copy strong{font-size:18px;line-height:1.3;margin:0 0 7px;font-weight:650;letter-spacing:-.2px}
.route-copy>span{font-size:16px;color:#706170;line-height:1.4;display:block}
.ui-icon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:#805878;flex-shrink:0}
.ui-icon .icon-wash{fill:#eee1ed;stroke:none}
[data-entry-route=BR] .ui-icon{color:#8c6559}[data-entry-route=BR] .icon-wash{fill:#f3e4d9}
[data-entry-route=BM] .ui-icon{color:#646187}[data-entry-route=BM] .icon-wash{fill:#e8e5f3}
.milo-home{padding:24px;border:1px solid #e8dce8;border-radius:20px;margin:0 0 28px;background:#f3edf4}
.milo-identity{margin-bottom:16px}.milo-identity h2{font-size:26px}.milo-identity .service-status{font-size:16px!important}
.milo-home .conversation{height:355px;min-height:355px;border-radius:14px}
.milo-home .chat-log{display:flex;flex-direction:column;padding:20px 24px}
.milo-home .chat-intro{margin:auto;max-width:720px;padding:0}
.milo-home .chat-intro h2{font-size:25px}.milo-home .chat-intro .milo-prompts{margin-top:14px}
.milo-home .conversation form{padding:14px 18px}
.milo-home .privacy-link{font-size:15px!important}
.independent-tools{padding:0 0 32px;gap:18px;border:0;grid-template-columns:1fr 1fr}
.independent-tools>div{display:flex;gap:18px;align-items:flex-start;border:1px solid #e7ddd8;border-radius:16px;padding:24px;background:#fbf6f1}
.independent-tools .ui-icon{width:54px;height:54px}
.independent-tools h2{font-size:23px;margin:0 0 6px}.independent-tools p{font-size:16px;margin:0 0 12px;line-height:1.5}
.independent-tools a{font-size:17px;color:var(--accent-dark);text-decoration:underline;text-underline-offset:4px;font-weight:600;display:inline-flex;min-height:44px;align-items:center;gap:12px}
.page:not(#home){max-width:var(--site-width);margin:0 auto;padding:32px 0 44px}
.page.narrow{max-width:870px}.page>h1{font-size:36px}.page>.lede{max-width:760px}
.data-routes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.data-routes label{border:1px solid #ddd0dc;border-radius:12px;padding:12px 14px;gap:12px;line-height:1.4;font-size:17px;cursor:pointer;background:#fffdfb;margin:0}
.data-routes .ui-icon{width:38px;height:38px}.data-routes label:has(input:checked){background:#f3edf4;border-color:#9a7397;box-shadow:inset 0 0 0 1px #9a7397}
.data-routes label span{min-width:0}.data-layout{margin-top:24px}
.support-heading{display:flex;align-items:flex-start;gap:30px;justify-content:space-between}
.support-heading h1{font-size:38px;margin-bottom:14px}.support-heading .lede{max-width:650px;font-size:18px;line-height:1.6;margin-bottom:0}
.urgent-support-link{font-size:16px;color:var(--accent-dark);text-decoration:underline;text-underline-offset:4px;white-space:nowrap;min-height:44px;display:flex;align-items:center}
.support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
.support-grid article{display:flex;flex-direction:column;align-items:flex-start;padding:26px;border:1px solid #e4d8e2;border-radius:16px;background:#fffdfb}
.support-grid article:nth-child(2n){background:#faf6fb}.support-grid .ui-icon{width:56px;height:56px}
.support-grid h2{font-size:24px;margin:12px 0}.support-grid p{font-size:18px;line-height:1.55;max-width:48ch;margin-bottom:18px}
.support-grid a{font-size:17px;min-height:44px;display:inline-flex;align-items:center;margin-top:auto;text-underline-offset:4px}
.care-limits{padding:18px 0;font-size:17px}.care-limits p{font-size:17px;max-width:80ch;margin:14px 0 0}
.help-strip{margin-top:8px;padding:24px;background:#fbf3ed;border:1px solid #eadbd2;gap:24px}
.help-strip h2{font-size:22px;margin:0 0 8px}.help-strip p{font-size:17px;max-width:65ch;margin:0}.help-strip .button{flex-shrink:0}
@media(max-width:1228px){.page:not(#home){margin-left:24px;margin-right:24px}.page.narrow{margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}footer{margin:0 24px}.chat-page{padding:26px 0!important}}
@media(max-width:1000px){header{gap:18px}header nav{gap:16px;font-size:16px}.mood-hero{grid-template-columns:1fr 1fr}.mood-hero .hero-copy{padding:28px}.mood-hero .hero-copy h1{font-size:38px}.mood-hero .hero-copy>p:not(.eyebrow){font-size:17px}.route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-grid>button,.route-grid>button:last-child{grid-template-columns:58px 1fr 22px;grid-template-rows:auto;min-height:122px;align-items:center;gap:14px}.route-grid .route-copy{grid-column:2;grid-row:1}.route-grid>button>b{grid-column:3;align-self:center}.route-grid strong{font-size:18px}.independent-tools>div{padding:20px;gap:12px}}
@media(max-width:760px){header{height:auto;min-height:76px;flex-wrap:wrap;padding:16px 20px 0;gap:10px}header .brand{font-size:27px}header nav{order:2;margin:0;width:100%;flex-basis:100%;justify-content:space-between;gap:8px;font-size:15px;border-top:1px solid var(--line);padding:0}header nav a{padding:12px 0;min-height:48px;white-space:nowrap}#home{padding:20px 18px 0}.mood-hero{grid-template-columns:1fr}.mood-hero .hero-copy{padding:28px 26px 18px}.mood-hero .hero-copy h1{font-size:38px;letter-spacing:-1.5px}.mood-hero .hero-copy>p:not(.eyebrow){font-size:18px;max-width:none;margin-bottom:18px}.mood-hero .hero-copy .hero-note{font-size:16px!important}.hero-visual{width:100%;max-width:520px;justify-self:center}.hero-visual img{width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:3/2}.model-start{padding:26px 0}.model-start .section-heading h2{font-size:24px}.route-grid{gap:12px}.route-grid>button,.route-grid>button:last-child{display:grid;grid-template-columns:1fr 20px;grid-template-rows:48px 1fr;min-height:195px;padding:16px;gap:12px}.route-grid .ui-icon{width:48px;height:48px}.route-grid .route-copy{grid-column:1/-1;grid-row:2}.route-grid>button>b{grid-column:2;grid-row:1;align-self:start}.route-copy strong{font-size:17px}.route-copy>span{font-size:16px}.milo-home{padding:18px;margin-bottom:20px}.milo-identity{gap:8px;flex-wrap:wrap}.milo-identity h2{font-size:23px}.milo-identity .milo-avatar{width:34px;height:34px}.milo-identity .service-status{font-size:15px!important}.milo-home .conversation{height:405px;min-height:405px}.milo-home .chat-log{padding:16px}.milo-home .chat-intro h2{font-size:23px}.milo-prompts button{font-size:16px}.milo-home .conversation form{padding:12px}.chat-composer .button{min-width:72px;padding:10px 12px}.independent-tools{grid-template-columns:1fr;gap:14px;padding-bottom:24px}.independent-tools h2{font-size:22px}.page:not(#home){margin-left:18px;margin-right:18px;padding:24px 0 36px}.page.narrow{padding-left:0;padding-right:0}.page>h1{font-size:32px}.data-routes{grid-template-columns:1fr}.data-routes label{padding:10px 12px;font-size:17px;min-height:62px}.data-routes .ui-icon{width:36px;height:36px}.support-heading{display:block}.support-heading h1{font-size:34px}.urgent-support-link{margin-top:10px}.support-grid{grid-template-columns:1fr;gap:14px;margin-top:20px}.support-grid article{padding:22px}.support-grid h2{font-size:23px}.support-grid p{font-size:17px}.help-strip{flex-direction:column;align-items:flex-start;padding:22px;gap:18px}footer{margin:0 18px;padding:22px 0;flex-wrap:wrap;gap:14px 20px}footer .brand{width:100%;font-size:24px}footer>a:not(.brand){font-size:16px}.chat-open header{height:auto}.chat-open .conversation{height:calc(100dvh - 260px);min-height:380px}}
@media(prefers-reduced-motion:reduce){.route-grid>button:hover{transform:none}}
@media(max-width:360px){header nav{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}header nav a{font-size:16px}.mood-hero .hero-copy{padding:24px 20px 18px}.mood-hero .hero-copy h1{font-size:34px}.route-grid{grid-template-columns:1fr}.route-grid>button,.route-grid>button:last-child{grid-template-columns:48px 1fr 20px;grid-template-rows:1fr;min-height:112px;gap:12px}.route-grid .route-copy{grid-column:2;grid-row:1}.route-grid>button>b{grid-column:3}.milo-identity .service-status{width:100%;margin:0 0 0 42px}.milo-home{padding:14px}.independent-tools>div{padding:18px}.independent-tools .ui-icon{width:42px;height:42px}}
