/* V6 refinements: preserve the editorial layout and give metadata its own line. */
.topic-article-links>a{gap:24px;min-height:76px}
.topic-article-links>a>span:first-child{display:flex;flex-direction:column;gap:7px;min-width:0}
.topic-article-links>a small{display:block;font-size:.7rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);line-height:1.5}
.topic-article-links>a strong{display:block;font-size:1.05rem;line-height:1.45;overflow-wrap:anywhere}
.topic-article-links>a>span:last-child{flex:none;font-size:1.5rem}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:1.2rem}
button,a,input,textarea,summary{touch-action:manipulation}
:focus-visible{outline:3px solid #387b86;outline-offset:4px}
main{min-width:0;overflow-wrap:anywhere}
main :where(div,section,article,header,aside){min-width:0}
/* Calm page titles remain legible without announcing sensitive subjects across a room. */
main h1,
main .v6-hero-copy h1,
main .hbtq-v6-grid h1,
main .article-hero-v6 .article-hero-inner h1,
main .process-hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.12;letter-spacing:-.03em}
.speech-settings{margin-top:18px;border-block:1px solid var(--line);padding:14px 0;max-width:580px}
.speech-settings summary{cursor:pointer;font-size:.88rem;font-weight:650}
.speech-options{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}
.speech-options label{display:grid;gap:6px;font-size:.83rem;flex:1;min-width:130px}
.speech-options select{max-width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--paper);color:var(--ink);width:100%}
.speech-settings p{font-size:.8rem;margin:12px 0 0}
.article-tool[hidden]{display:none}
.welcome-dialog{border:1px solid var(--line);border-radius:28px;background:var(--paper);color:var(--ink);width:min(640px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:30px;overflow:auto;box-shadow:var(--shadow)}
.welcome-dialog::backdrop{background:rgba(15,33,30,.65);backdrop-filter:blur(5px)}
.welcome-dialog h2{font-size:clamp(2rem,5vw,2.8rem);line-height:1.08;margin:12px 0 18px}
.welcome-dialog .eyebrow{margin-bottom:0}
.welcome-close{float:right;border:1px solid var(--line);background:transparent;color:inherit;border-radius:50%;width:44px;height:44px;font-size:1.7rem;cursor:pointer}
.welcome-path{border-top:1px solid var(--line);padding:15px 0}
.welcome-path p{margin:6px 0 0;font-size:.95rem}
.welcome-path strong{font-size:1rem}
.welcome-path a{font-weight:700}
.welcome-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;align-items:center}
.welcome-note{font-size:.76rem;margin:18px 0 0}
.welcome-reopen{border:0;padding:0;background:transparent;color:inherit;font:inherit;cursor:pointer;text-align:left;text-decoration:underline;text-underline-offset:3px}
html{color-scheme:light}
html[data-theme=dark]{color-scheme:dark;--cream:#172321;--paper:#202e2b;--ink:#d5e2da;--ink-strong:#e0e9e2;--muted:#adbbb3;--line:#42534d;--teal:#acd0bd;--teal-2:#b9d7c8;--sage:#50695b;--sage-light:#2c4136;--sky:#2b3c46;--blue:#314652;--lavender:#3c3547;--peach:#47382f;--rose:#493337;--rose-strong:#efb1b3;--amber:#48412c;--mint:#2c4136;--sand:#403c30;--fog:#313d38;--v6-cream:#172321;--v6-paper:#202e2b;--v6-green:#d5e2da;--v6-green-2:#b6c9bc;--v6-soft-pink:#493337;--v6-soft-green:#2c4136;--v6-soft-blue:#2b3c46;--v6-soft-lilac:#3c3547;--v6-soft-yellow:#48412c;--v6-soft-peach:#47382f}
/* Old V6 rules contain literal colours. Replace them by semantic dark surfaces,
   retaining photo captions and deliberate colour fields. */
html[data-theme=dark] body{background:var(--cream);color:var(--ink)}
html[data-theme=dark] :is(.site-header,.utility-bar,.main-nav,.topic-dropdown,.site-footer,.search-overlay,.emergency-sheet,.welcome-dialog){background:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] main :is(section,article,aside,header),
html[data-theme=dark] main :is([class*="panel"],[class*="card"],[class*="callout"],[class*="note"],[class*="quote"],[class*="answer"],[class*="copy"],.age-copy,.guide-question,.age-tabs,.fact-block,.script-lines blockquote,.takeaway-section){background-color:var(--paper);background-image:none;border-color:var(--line)}
html[data-theme=dark] :is(h1,h2,h3,strong,a,button,summary,label){color:var(--ink-strong)}
html[data-theme=dark] :is(p,small,.eyebrow,.micro-label,.brand-tagline,.article-meta,.section-type,.story-kicker){color:var(--muted)}
html[data-theme=dark] :is(input,textarea,select,.article-tool,.help-filter-row button,.age-tabs button,.search-suggestions button,.readability-button){background:var(--cream);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] :is(.v6-searchbar,.mobile-menu,.v6-topic-icon,.tell-options button,.tell-who button,.myth-lines>div,.tell-example,.guide-selected-row.is-current){background:var(--cream);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] :is(.v6-hero-values span,.v6-hero-values b,.v6-search-icon,.recognition-list li,.takeaway-section li,.script-lines blockquote,.v6-experience-lines blockquote,.hbtq-v6-quote,.age-copy){color:var(--ink)}
html[data-theme=dark] :is(.founder-intro,.section-intro){color:var(--muted)!important}
html[data-theme=dark] :is(.guide-selected-row b,.guide-choice-state,.takeaway-section li:before,.tell-options button.selected>span){background:#354d3f;color:var(--ink)}
html[data-theme=dark] :is(.v6-searchbar b,.v6-overlay-copy>b){background:#b3cdbb;color:#142b23}
html[data-theme=dark] :is(.button.primary,.button.rose){background:#b3cdbb;color:#142b23;border-color:#b3cdbb}
html[data-theme=dark] :is(.button.quiet,.button.secondary,.button.white,.button.light){background:#2c4136;color:var(--ink)}
html[data-theme=dark] :is(.active,.is-selected,.is-saved){background:#354d3f!important;color:#e0e9e2!important}
html[data-theme=dark] :is(.v6-photo-note,.v6-1177-photo span,.v6-pride-photo span,.hbtq-v6-photo span,.article-hero-photo span,.v6-card-photo span){background:#263b32;color:#dbe6dd}
html[data-theme=dark] :is(.v6-photo-note,.v6-1177-photo span,.v6-pride-photo span,.hbtq-v6-photo span,.article-hero-photo span) *{color:inherit}
html[data-theme=dark] :is(.topic-line:before,.topic-chapter:before){background:var(--sage-light)}
html[data-theme=dark] .logo-mark{background:#d5e2da;border-radius:10px;padding:3px}
html[data-theme=dark] img{filter:brightness(.82)}
html[data-theme=dark] :is(.founder-photo,.founder-photo img){filter:none}
/* Neutral black night palette, with green reserved for restrained accents. */
html[data-theme=dark]{--cream:#090909;--paper:#151515;--ink:#e1e1df;--ink-strong:#ededeb;--muted:#b5b5b0;--line:#383838;--teal:#bed2c5;--teal-2:#cadacf;--sage:#4b5a50;--sage-light:#232a26;--v6-cream:#090909;--v6-paper:#151515;--v6-green:#e1e1df;--v6-green-2:#c3cec6;--v6-soft-green:#202522;--v6-soft-pink:#292024;--v6-soft-blue:#202429;--v6-soft-lilac:#27222c;--v6-soft-yellow:#29271f;--v6-soft-peach:#2c2521}
.tell-who button{display:inline-flex;gap:8px;align-items:center;min-height:48px;transition:background-color .15s,border-color .15s}
.tell-who button::before{content:'○';font-size:1.1em;line-height:1}
.tell-who button.selected::before{content:'✓'}
.tell-who button.selected,.tell-options button.selected{background:#dcebe1;border:2px solid #30614d;color:#153a2b;box-shadow:0 0 0 2px rgba(48,97,77,.1)}
html[data-theme=dark] .tell-who button.selected,html[data-theme=dark] .tell-options button.selected{background:#c4d7ca;color:#14271c;border-color:#c4d7ca}
html[data-theme=dark] .tell-options button.selected>span{background:#14271c;color:#e8f0e9}
html[data-theme=dark] .guide-choices button{background:var(--paper);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .guide-choices button.selected{background:#c4d7ca;color:#14271c;border-color:#c4d7ca}
html[data-theme=dark] .guide-choices button.selected .guide-choice-state{background:#14271c;color:#eef3ef}
html[data-theme=dark] .guide-choices button.selected .guide-choice-label{color:#14271c}
.role-advice{border:1px solid var(--line);border-left:3px solid var(--teal);padding:24px;margin:28px 0;max-width:800px;background:var(--paper);border-radius:0 14px 14px 0}
.role-advice .eyebrow{margin-bottom:8px}.role-advice p{margin:0 0 14px}
.life-preview{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:72px;border-bottom:1px solid var(--line)}
.life-preview h2{font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.1}
.life-preview-links a{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:650}
.life-browser{padding-bottom:80px}.life-hero{padding-bottom:36px}
.life-controls{padding:24px 0 32px;border-top:1px solid var(--line)}
.life-role-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 24px}
.life-role-buttons button{min-height:44px;border:1px solid var(--line);border-radius:999px;padding:9px 16px;background:var(--paper);color:var(--ink);cursor:pointer;font-weight:600}
.life-role-buttons button[aria-pressed=true]{background:#dcebe1;border-color:#30614d;color:#153a2b;box-shadow:inset 0 -3px #30614d}
html[data-theme=dark] .life-role-buttons button[aria-pressed=true]{background:#c4d7ca;color:#14271c;border-color:#c4d7ca}
.life-query{display:grid;gap:8px;max-width:640px;font-size:.84rem;font-weight:600}
.life-query input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:12px 16px}
.life-query input::placeholder{color:var(--muted);opacity:1}
.life-count{font-size:.8rem;margin:14px 0 0}
.life-chapter{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:64px;padding:44px 0;border-top:1px solid var(--line)}
.life-chapter h2{font-size:clamp(1.65rem,2.7vw,2.4rem);line-height:1.15;margin:0 0 16px}
.life-chapter-intro>p{font-size:.95rem;max-width:400px}
.life-chapter-links a{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:18px;align-items:center;text-decoration:none;padding:15px 0;border-bottom:1px solid var(--line)}
.life-chapter-links a:first-child{padding-top:0}.life-chapter-links a:hover strong{text-decoration:underline;text-underline-offset:4px}
.life-chapter-links small{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.63rem;color:var(--muted);margin-bottom:5px}
.life-chapter-links strong{display:block;font-size:1rem;line-height:1.4;font-weight:650}
.life-chapter-links p{font-size:.86rem;line-height:1.5;margin:5px 0 0}
.discreet-toggle{font:inherit;font-size:.75rem;min-height:44px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);cursor:pointer}
.discreet-toggle[aria-pressed=true]{background:var(--ink);color:var(--cream)}
body.discreet-mode main :is(h1,h2){font-size:1.35rem!important;line-height:1.35;letter-spacing:0}
body.discreet-mode :is(.article-hero-photo,.v6-hero-photo,.hbtq-v6-photo,.v6-pride-photo,.v6-1177-photo){display:none}
body.discreet-mode :is(.article-hero-v6-grid,.v6-hero-grid,.hbtq-v6-grid,.v6-pride-grid,.v6-1177-grid){grid-template-columns:minmax(0,1fr);min-height:0}
@media(max-width:1280px){
 .main-nav{display:none;position:absolute;top:100%;left:24px;right:24px;max-height:calc(100dvh - 150px);overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow)}
 .main-nav.is-open{display:flex;flex-direction:column;align-items:stretch}.main-nav a{padding:9px}.mobile-menu{display:inline-flex}
}
@media(max-width:720px){.life-preview,.life-chapter{grid-template-columns:minmax(0,1fr);gap:24px}.life-preview{padding-block:48px}.life-chapter{padding-block:30px}.life-query input{font-size:16px}.life-role-buttons{gap:6px}.life-role-buttons button{font-size:.8rem;padding-inline:12px}.discreet-toggle{font-size:.67rem;padding:6px 8px}}
@media(max-width:720px){
 .article-layout,body.readable-mode .article-layout,.tell-builder,.tell-result-grid{grid-template-columns:minmax(0,1fr)}
 .article-body .direct-answer{padding:24px 20px}
 .nav-shell{flex-wrap:wrap;gap:10px;padding-block:12px}
 .nav-tools{margin-left:auto;gap:3px}
 .main-nav{top:100%;max-height:calc(100dvh - 150px);overflow:auto;z-index:30}
 .topic-article-links>a{align-items:center;padding-block:22px;gap:18px}
 .topic-article-links>a strong{font-size:1.05rem;line-height:1.45}
 .topic-article-links>a small{font-size:.68rem}
 .article-context{flex-wrap:wrap;gap:12px}
 .article-tools{flex-wrap:wrap}
 .welcome-dialog{padding:22px;max-height:calc(100dvh - 20px)}
 .welcome-actions .button{width:100%;justify-content:center}
 .v6-hero-values{flex-wrap:wrap}
 .giant-search input{min-width:0}
}
@media(max-width:380px){.brand-name{font-size:.8rem}.logo-mark{width:30px;height:30px}.nav-tools{gap:0}.nav-tools>*{padding-inline:7px}.theme-toggle{padding:0}.nav-shell{column-gap:6px}}
@media(prefers-reduced-motion:no-preference){
 #main.page-enter{animation:page-arrive 200ms ease-out}
 @keyframes page-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.welcome-dialog,.theme-toggle{display:none!important}}
/* Compact photographic navigation and consistent theme surfaces. */
.topic-index{padding-block:32px!important}
.topic-index-title{margin-bottom:20px}
.topic-index-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;border:0!important}
.topic-index-links>a{display:grid!important;grid-template-columns:88px minmax(0,1fr) 22px;gap:18px;align-items:center;padding:0 18px 0 0!important;min-height:88px!important;border:1px solid var(--line)!important;border-radius:14px;overflow:hidden;background:var(--paper);text-decoration:none}
.topic-index-links>a img{width:88px;height:88px;object-fit:cover}
.topic-index-links>a strong{font-size:1rem!important;line-height:1.35;margin:0!important}
.topic-index-links>a:hover{border-color:var(--teal)!important}
.topic-chapter-image{width:100%;height:210px;object-fit:cover;border-radius:18px;margin-bottom:26px}
.life-chapter-image{width:100%;height:200px;object-fit:cover;border-radius:16px;margin-bottom:22px}
.article-hero-v6-grid{min-height:0!important;gap:36px;align-items:start}
.article-hero-v6 .article-hero-inner{padding:34px 0 22px!important;align-self:start}
.article-hero-v6 .article-context{margin-bottom:20px}
.article-hero-photo{min-height:0!important;height:390px;margin-block:30px;align-self:start}
.article-layout{padding-top:30px!important;gap:60px}
.article-body>.direct-answer{padding-top:24px}
.speech-settings{margin-bottom:0}
html[data-theme=dark] :is(.v6-mini-feature,.v6-mini-feature.soft-blue){background:#202429;color:var(--ink)}
html[data-theme=dark] .v6-mini-feature.with-photo{background:#2c2521}
html[data-theme=dark] :is(.v6-mini-feature,.v6-mini-feature.with-photo) :is(h3,p,a,strong,.eyebrow){color:var(--ink)}
html[data-theme=dark] :is(.content-layer,.source-row,.guide-final-summary,.guide-selected-row,.search-result,.recognition-list,.takeaway-section,.process-step,.readability-panel,.topic-index-links>a){background-color:var(--paper);border-color:var(--line);color:var(--ink)}
body.discreet-mode :is(.topic-chapter-image,.life-chapter-image,.page-context-photo){display:none}
body.discreet-mode .article-hero-v6 .article-hero-inner{padding-bottom:12px!important}
@media(max-width:720px){
.topic-index-links{grid-template-columns:minmax(0,1fr)!important}
.topic-index-links>a{grid-template-columns:70px minmax(0,1fr) 18px;min-height:70px!important;gap:14px}
.topic-index-links>a img{width:70px;height:70px}
.topic-chapter-image,.life-chapter-image{height:160px}
.article-hero-photo{height:230px;margin-block:0 20px;order:0}
.article-hero-v6 .article-hero-inner{padding-top:28px!important}
.article-layout{padding-top:20px!important}
}
.page-hero.has-context-photo{position:relative;padding-right:calc(32% + 30px);min-height:260px;display:flex;flex-direction:column;justify-content:center}
.page-context-photo{position:absolute;right:0;top:30px;bottom:30px;width:30%;height:calc(100% - 60px);object-fit:cover;border-radius:20px}
body.discreet-mode .page-hero.has-context-photo{padding-right:0;min-height:0}
@media(max-width:720px){.page-hero.has-context-photo{padding-right:0;min-height:0}.page-context-photo{position:static;width:100%;height:180px;margin:16px 0 0}}
html[data-theme=dark] :is(.v6-topic-card>b,.v6-card-copy>b){background:#303a34;color:#e1e1df}
.article-tool:disabled{opacity:.55;cursor:not-allowed}
html[data-theme=dark] :is(.tell-options button>span,.guide-selected-row>span){background:#303a34;color:#e1e1df}
/* One continuous canvas, with the content width handled inside each section. */
html[data-theme=dark] body{background:var(--paper)}
.process-hero .article-back{display:inline-block;margin-right:24px;margin-bottom:22px}
.process-hero .eyebrow{margin-bottom:22px}
.process-steps{padding-inline:24px;border-radius:22px}
.v6-overlay-copy{padding:24px;border-radius:22px}
html[data-theme=dark] .search-overlay,.search-overlay{background:rgba(0,0,0,.4);backdrop-filter:blur(3px);padding:24px;overflow:auto}
.search-shell{width:min(780px,100%);margin:5vh auto;padding:26px;background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 90px rgba(0,0,0,.28);max-height:86vh;overflow:auto}
.giant-search{margin-top:20px;border:1px solid var(--line);border-radius:16px;padding:12px 15px;grid-template-columns:26px minmax(0,1fr)}
.giant-search input{font-size:1rem;background:transparent!important;min-width:0}
.search-result-list{margin-top:20px}
.search-result-row{grid-template-columns:80px minmax(0,1fr) 20px;gap:12px;padding:15px 0}
.search-emergency{margin-top:22px}
@media(max-width:720px){.search-overlay{padding:12px}.search-shell{margin:2vh auto;padding:18px;max-height:92vh}.search-result-row{grid-template-columns:minmax(0,1fr) 20px}.search-result-type{grid-column:1/-1}.v6-overlay-copy{left:16px;right:16px;bottom:18px;padding:20px}.process-hero .article-back{display:block;margin-right:0}.process-steps{padding-inline:16px}}
html[data-theme=dark] .hbtq-hub{background:var(--paper);background-image:none;border:1px solid var(--line)}
html[data-theme=dark] .hbtq-hub :is(a,div){border-color:var(--line)}
html[data-theme=dark] .hbtq-hub :is(strong,h2,h3){color:var(--ink)}
.topic-chapter-head{display:block!important}
.process-directory{border:0}
.guide-intro-band{padding-bottom:30px}
.guide-intro-band h2,.guide-category>h2{font-size:1.7rem;line-height:1.2}
.guide-category-nav{display:flex;flex-wrap:wrap;gap:10px}
.guide-category-nav a{border:1px solid var(--line);border-radius:999px;padding:10px 16px;text-decoration:none;font-weight:650}
.guide-category{padding:32px 0;border-top:1px solid var(--line);scroll-margin-top:140px}
.guide-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.guide-editorial-card{display:flex;flex-direction:column;align-items:start;border:1px solid var(--line);border-radius:22px;padding:28px;text-decoration:none;background:var(--paper)}
.guide-editorial-card h3{font-family:Georgia,serif;font-size:1.6rem;line-height:1.2;margin-bottom:16px}
.guide-editorial-card small{margin-top:auto;color:var(--muted)}
.guide-editorial-card b{margin-top:20px}
.guide-editorial-card:hover{border-color:var(--teal)}
.guide-detail-support{padding-block:0 60px;max-width:1000px}
.guide-preparation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.guide-preparation>div,.guide-followup{border:1px solid var(--line);border-radius:20px;padding:28px}
.guide-detail-support h2{font-size:1.8rem;line-height:1.2}
.guide-detail-support li{margin:12px 0;color:var(--muted)}
.guide-followup,.guide-detail-support .faq-list,.guide-source-links{margin-top:32px}
.guide-source-links a{display:block;padding:12px 0}
html[data-theme=dark] :is(.guide-editorial-card,.guide-preparation>div,.guide-followup){background:var(--paper);border-color:var(--line)}
@media(max-width:720px){.guide-card-grid,.guide-preparation{grid-template-columns:minmax(0,1fr)}.guide-editorial-card{padding:22px}}
.question-browser{padding-bottom:80px}.question-browser .life-role-buttons{margin-block:24px}.question-browser .faq-list details{padding:18px 0}.question-browser .text-link{display:inline-block;margin-bottom:18px}
.guide-detail-support,.process-steps{scroll-margin-top:130px}
