:root{--content-image-ratio:16/9;font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--paper:#f7f5ef;--ink:#242820;--muted:#62665d;--line:#d5d8cc;--orange:#df5429;--soft:#eeeee5;--dark:#252d26;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}a:hover{color:var(--orange)}a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}img{display:block;max-width:100%;object-fit:cover}p{margin:0;line-height:1.6}h1,h2,h3{margin:0;font-weight:900}::selection{background:#f1b09a}.shell{width:min(1360px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;left:-999px}.skip:focus{left:20px;top:10px;background:var(--paper);padding:10px;z-index:9}.masthead{display:flex;align-items:center;gap:24px;padding:27px 0 23px}.brand{display:flex;align-items:center;font-size:30px;font-weight:700;letter-spacing:-1.2px}.brand span{color:var(--orange)}.edition{color:var(--muted);font-size:14px;padding-left:24px;border-left:1px solid var(--line)}.contact{margin-left:auto;font-size:14px;font-weight:700;white-space:nowrap}.navline{border-block:1px solid var(--ink);display:flex;justify-content:space-between;gap:25px;padding:16px 0}.navline nav{display:flex;flex-wrap:wrap;gap:16px 28px;font-size:14px;font-weight:600}.search{font-size:14px;white-space:nowrap}.hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:80px;padding-block:60px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--orange);margin-bottom:17px;line-height:1.6}h1{font-size:clamp(44px,4.7vw,66px);line-height:1.05;letter-spacing:-.03em}.period{color:var(--orange)}.intro{font-size:20px;line-height:1.6;margin:25px 0;color:var(--muted);max-width:800px}.hero-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.button,.secondary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 20px;font-size:15px;border-radius:4px;font-weight:700}.button{background:var(--orange);color:white;border:1px solid var(--orange)}.button:hover{background:var(--ink);color:white;border-color:var(--ink)}.secondary-button{border:1px solid #bfc4b6}.secondary-button:hover{border-color:var(--orange)}.hero-footnote{margin-top:22px;color:var(--muted);font-size:14px;line-height:1.6;max-width:740px}.hero-footnote a{border-bottom:1px solid #b7bdad}.author-card{align-self:center;padding:25px 0 25px 30px;border-left:1px solid var(--line)}.author-card img{width:195px;height:195px;border:3px solid var(--orange);border-radius:50%;margin-bottom:25px}.author-name{font-size:21px;font-weight:900;line-height:1.2;letter-spacing:-.025em}.author-role{font-size:14px;color:var(--muted);margin:10px 0 25px}.inline{font-size:14px;font-weight:700}.section{padding-block:55px;scroll-margin-top:20px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-head .eyebrow{margin-bottom:11px}h2{font-size:36px;line-height:1.1;letter-spacing:-.025em}.section-description{font-size:17px;color:var(--muted);max-width:760px;margin-top:17px}.section-head>.inline{white-space:nowrap;margin-bottom:5px}.start{border-block:1px solid var(--line)}.routes-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.route-card{display:flex;flex-direction:column;align-items:flex-start;padding:28px;border:1px solid var(--line);min-width:0}.route-card h3{font-size:26px;line-height:1.17;letter-spacing:-.025em}.route-card p{font-size:16px;color:var(--muted);margin:16px 0 24px}.route-card .inline{margin-top:auto}.home-page #start .routes-grid .route-card:first-child{background:transparent;border-color:var(--orange);border-width:4px}.editorial-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:42px}.story-image{display:block}.story-image img{width:100%;aspect-ratio:var(--content-image-ratio);border:1px solid var(--line)}.meta{font-size:13px;color:var(--muted);display:block;margin-top:20px}.cover h3{font-size:29px;line-height:1.2;letter-spacing:-.025em;margin:12px 0}.story-copy p{font-size:16px;color:var(--muted);margin-top:14px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px;color:var(--muted);font-size:13px}.tags a{display:inline-flex;align-items:center;min-height:32px;padding:5px 11px;border:1px solid #cbd0c3;border-radius:7px;background:#eeeee5;line-height:1.4;font-weight:600}.tags a:hover{border-color:var(--orange);background:#f5e6de;color:#a83e1d}.reading-column{border-left:1px solid var(--line);padding-left:32px;display:flex;flex-direction:column;gap:30px}.side-story{padding-bottom:24px;border-bottom:1px solid var(--line)}.side-story .story-image{float:right;width:145px;margin:0 0 12px 20px}.side-story .meta{margin-top:0}.side-story h3{font-size:22px;line-height:1.25;letter-spacing:-.025em;margin-top:10px}.side-story .story-copy p{font-size:15px}.side-story .tags{clear:both}.navigation{background:var(--dark);color:#f3f4e9}.navigation .section-description{color:#bdc9b4}.navigation .eyebrow{color:var(--orange)}.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.guide-grid .route-card{padding:24px 0;border:0;position:relative}.guide-grid .route-card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:currentColor;transform:scaleY(.5);transform-origin:top;pointer-events:none}.guide-grid .eyebrow{font-size:12px}.guide-grid h3{font-size:23px}.guide-grid p{font-size:15px;color:#bdc9b4}.guide-grid .inline{font-size:13px;color:#f3f4e9}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.note-card h3{font-size:22px;line-height:1.25;letter-spacing:-.025em;margin-top:11px}.note-card .story-copy p{font-size:15px}.note-card .story-image img{aspect-ratio:var(--content-image-ratio)}.topics{border-top:1px solid var(--line)}.topic-list{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.topic-item{padding:23px 0;border-top:1px solid var(--line)}.topic-item>span:first-child{display:flex;align-items:flex-start;gap:15px;justify-content:space-between}.topic-item strong{font-size:21px;line-height:1.2;letter-spacing:-.025em;font-weight:900}.topic-item>span:first-child>span{font-size:13px;line-height:1.5;padding:3px 9px;background:var(--soft);color:var(--muted)}.topic-item>span:last-child{display:block;font-size:15px;color:var(--muted);margin-top:12px;max-width:510px}.work{border-top:0}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.work-card{display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid var(--ink);padding:23px 0;min-width:0}.work-card h3{font-size:23px;line-height:1.2;letter-spacing:-.025em}.work-card p{font-size:15px;color:var(--muted);margin:15px 0 20px}.work-card .inline{margin-top:auto;color:var(--orange);font-size:20px}.closing{background:var(--soft);border-block:1px solid var(--line)}.closing h2{font-size:40px;max-width:750px}.closing .shell>p:not(.eyebrow){font-size:18px;color:var(--muted);max-width:760px;margin:23px 0 27px}footer{padding-block:30px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:28px}footer p{font-size:14px;color:var(--muted)}footer>a:last-of-type{margin-left:auto;font-size:14px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:5px;width:100%;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
@media(max-width:1050px){.shell{width:calc(100% - 48px)}.edition{display:none}.hero{gap:35px;grid-template-columns:minmax(0,1fr) 220px}h1{font-size:52px}.intro{font-size:18px}.author-card{padding-left:24px}.author-card img{width:165px;height:165px}.editorial-grid{gap:25px}.reading-column{padding-left:24px}.side-story .story-image{width:110px;margin-left:15px}.guide-grid{grid-template-columns:1fr 1fr;gap:20px 30px}.cover h3{font-size:26px}.side-story h3{font-size:21px}.notes-grid{gap:22px}.notes-grid h3{font-size:21px}}
@media(max-width:720px){.shell{width:calc(100% - 36px)}.masthead{padding:22px 0 19px;gap:15px}.brand{font-size:26px}.contact{font-size:12px;white-space:normal;max-width:135px;text-align:right}.navline{gap:18px;align-items:flex-start}.navline nav{gap:13px 19px;font-size:13px}.search{font-size:13px}.hero{grid-template-columns:1fr;gap:30px;padding-block:35px}.eyebrow{font-size:12px;letter-spacing:.8px;margin-bottom:16px}h1{font-size:41px;line-height:1.05;letter-spacing:-.03em}.intro{font-size:17px;margin-block:22px}.hero-links{gap:12px}.button,.secondary-button{font-size:14px;padding:14px 16px}.hero-footnote{font-size:14px}.author-card{padding:20px 0;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:86px 1fr;column-gap:19px;align-items:center}.author-card img{width:86px;height:86px;margin:0;grid-column:1;grid-row:1/4}.author-name{font-size:19px;grid-column:2}.author-role{font-size:14px;margin:5px 0 10px;grid-column:2}.author-card>.inline{font-size:13px;grid-column:2}.section{padding-block:40px}.section-head{gap:18px;margin-bottom:25px}.section-head>.inline{font-size:13px}.section-head .eyebrow{font-size:12px;margin-bottom:10px}h2{font-size:29px}.section-description{font-size:16px}.routes-grid,.editorial-grid,.notes-grid,.work-grid,.topic-list{grid-template-columns:1fr;gap:25px}.route-card{padding:24px}.route-card h3{font-size:25px}.route-card p{font-size:16px}.cover h3{font-size:25px}.story-copy p{font-size:16px}.reading-column{padding:0;border-left:0}.side-story .story-image{width:110px}.side-story h3{font-size:21px}.side-story .story-copy p{font-size:15px}.guide-grid{grid-template-columns:1fr;gap:0}.guide-grid .route-card{padding:25px 0}.guide-grid h3{font-size:24px}.guide-grid p{font-size:16px}.guide-grid .inline{font-size:14px}.note-card h3{font-size:24px}.note-card .story-copy p{font-size:16px}.topic-list{gap:0}.topic-item{padding:21px 0}.topic-item strong{font-size:21px}.topic-item>span:last-child{font-size:15px}.work-grid{gap:0}.work-card h3{font-size:24px}.work-card p{font-size:16px}.closing h2{font-size:32px}.closing .shell>p:not(.eyebrow){font-size:17px}footer{gap:20px}footer p{font-size:14px}footer>a:last-of-type{margin-left:0}.footer-bottom{font-size:12px;gap:15px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.route-card{position:relative}.route-icon{position:absolute;top:26px;right:26px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #cbd0c3;border-radius:8px;color:var(--ink);background:var(--paper)}.route-icon svg{display:block;width:28px;height:28px;stroke-width:1.75}.route-card>.eyebrow{min-height:40px;display:flex;align-items:center;padding-right:56px}.route-card:hover .route-icon{color:var(--orange);border-color:var(--orange)}.guide-grid .route-icon{top:23px;right:0;background:transparent;border-color:#56634e;color:var(--orange)}.guide-grid .route-card>.eyebrow{min-height:40px;padding-right:54px}.guide-grid .route-card:hover .route-icon{border-color:var(--orange)}@media(max-width:720px){.route-icon{top:22px;right:22px}.guide-grid .route-icon{top:24px;right:0}}

.route-icon,.guide-grid .route-icon{border:0;border-radius:0;background:transparent}

.navigation{position:relative;isolation:isolate;overflow:hidden}.navigation>.shell{position:relative;z-index:1}.navigation::before,.navigation::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(192,207,179,.32) 1.25px,transparent 1.5px);background-size:20px 20px}.navigation::before{mask-image:radial-gradient(ellipse 60% 95% at 100% 0%,#000 0%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 60% 95% at 100% 0%,#000 0%,transparent 78%)}.navigation::after{content:none;opacity:.65;mask-image:radial-gradient(ellipse 60% 95% at 0% 100%,#000 0%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 60% 95% at 0% 100%,#000 0%,transparent 78%)}

.hero{position:relative;isolation:isolate}.hero>.hero-copy,.hero>.author-card{position:relative;z-index:1}.hero::before,.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(104,110,102,.42) 1.25px,transparent 1.5px);background-size:20px 20px}.hero::before{mask-image:radial-gradient(ellipse 58% 85% at 100% 0%,#000 0%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 58% 85% at 100% 0%,#000 0%,transparent 78%)}.hero::after{content:none}

.closing{background:var(--paper);padding-block:35px 55px;border-top:0;border-bottom:0}.closing>.shell{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);border:1px solid var(--line)}.closing-copy{padding:40px}.closing-copy h2{font-size:38px;max-width:650px}.closing-copy>p:not(.eyebrow){font-size:17px;color:var(--muted);max-width:650px;margin-top:22px}.closing-actions{background:#252422;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:17px}.closing-actions a{min-height:56px;text-align:left;line-height:1.4}.closing-actions .button{background:var(--orange);border-color:var(--orange);color:#fff}.closing-actions .button:hover{background:#c94a23;border-color:#c94a23}.closing-actions .secondary-button{border-color:#77756e;color:#f7f5ef;background:transparent}.closing-actions .secondary-button:hover{border-color:var(--orange);color:#f49a74}@media(max-width:1050px){.closing-copy,.closing-actions{padding:30px}.closing-copy h2{font-size:34px}.closing-actions a{font-size:14px}}@media(max-width:720px){.closing>.shell{grid-template-columns:1fr}.closing-copy,.closing-actions{padding:26px}.closing-copy h2{font-size:30px}.closing-copy>p:not(.eyebrow){font-size:17px;margin-top:19px}.closing-actions{gap:14px}.closing-actions a{font-size:15px}}

.closing{padding-block:40px 60px}.closing>.shell{position:relative;isolation:isolate;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:65px;border-inline:0;border-block:1px solid var(--line);padding-block:45px}.closing-copy{position:relative;z-index:1;padding:0}.closing-copy h2{font-size:40px;line-height:1.12;max-width:630px}.closing-accent{color:var(--orange)}.closing-actions{position:relative;z-index:1;background:transparent;padding:0;gap:16px;align-items:flex-start;justify-content:center;flex-direction:row;flex-wrap:wrap;align-content:center}.closing-actions>p{flex-basis:100%;font-size:17px;color:var(--muted);margin-bottom:8px}.closing-actions a{min-height:48px;padding:13px 17px}.closing-actions .secondary-button{color:var(--ink);border-color:#bfc4b6}.closing-actions .secondary-button:hover{color:var(--orange);border-color:var(--orange)}.closing>.shell::before{content:none;position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(104,110,102,.24) 1.25px,transparent 1.5px);background-size:20px 20px;mask-image:radial-gradient(ellipse 55% 100% at 0% 100%,#000 0%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 55% 100% at 0% 100%,#000 0%,transparent 78%)}@media(max-width:1050px){.closing>.shell{gap:35px}.closing-copy h2{font-size:35px}.closing-actions a{font-size:14px}}@media(max-width:720px){.closing>.shell{grid-template-columns:1fr;gap:25px;padding-block:30px}.closing-copy h2{font-size:32px}.closing-actions>p{font-size:17px}.closing-actions{gap:12px}.closing-actions a{font-size:14px}.closing>.shell::before{mask-image:radial-gradient(ellipse 80% 70% at 100% 0%,#000 0%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 100% 0%,#000 0%,transparent 78%)}}

.closing>.shell{background:var(--orange);color:#fff;border:1px solid var(--orange);padding:42px;gap:50px}.closing-copy .eyebrow{color:#fff}.closing-copy h2,.closing-accent{color:#fff}.closing-actions>p{color:#fff}.closing-actions .button{background:var(--paper);border-color:var(--paper);color:var(--ink)}.closing-actions .button:hover{background:#fff;border-color:#fff;color:var(--ink)}.closing-actions .secondary-button{color:#fff;border-color:rgba(255,255,255,.75)}.closing-actions .secondary-button:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}.closing>.shell::before{background-image:radial-gradient(circle,rgba(255,255,255,.4) 1.25px,transparent 1.5px)}@media(max-width:1050px){.closing>.shell{padding:32px;gap:32px}}@media(max-width:720px){.closing>.shell{padding:25px;gap:24px}.closing-copy h2{font-size:30px}}

:root{--radius-block:14px;--radius-image:12px;--radius-control:8px}.routes-grid .route-card{border-radius:var(--radius-block)}.story-image{border-radius:var(--radius-image);overflow:hidden}.story-image img{border-radius:var(--radius-image)}.closing>.shell{border-radius:var(--radius-block);overflow:hidden}.button,.secondary-button{border-radius:var(--radius-control)}.topic-item>span:first-child>span{border-radius:6px}

.navigation{border-radius:var(--radius-block);overflow:hidden}

/* Slightly tighter spacing between homepage sections. */
.hero{padding-block:52px}.section{padding-block:48px}.closing{padding-block:32px 48px}@media(max-width:720px){.hero{padding-block:31px}.section{padding-block:35px}.closing{padding-block:28px 40px}}

.brand-logo{width:44px;height:44px;flex:none;margin-right:10px;object-fit:contain}@media(max-width:720px){.brand-logo{width:34px;height:34px;margin-right:7px}}

:root{color-scheme:light}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;padding:7px;border:0;border-radius:8px;background:transparent;color:var(--ink);cursor:pointer}.theme-toggle:hover{background:var(--soft);color:var(--orange)}.theme-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.theme-icon{width:23px;height:23px;stroke-width:1.75}.theme-icon--sun{display:none}html[data-theme="dark"]{color-scheme:dark;--paper:#252422;--ink:#f7f5ef;--muted:#c5bfb6;--line:#494640;--soft:#302e2a;--orange:#eb5e28}html[data-theme="dark"] .theme-icon--moon{display:none}html[data-theme="dark"] .theme-icon--sun{display:block}html[data-theme="dark"] .navline,html[data-theme="dark"] .work-card{border-color:#666057}html[data-theme="dark"] .tags a{background:#302e2a;border-color:#575148;color:#d2cbc0}html[data-theme="dark"] .tags a:hover{background:#413027;border-color:var(--orange);color:#ffad8b}html[data-theme="dark"] .secondary-button{border-color:#6e675d}html[data-theme="dark"] .button:hover{background:#cb4b1b;border-color:#cb4b1b;color:#fff}html[data-theme="dark"] .hero-footnote a{border-color:#777063}html[data-theme="dark"] .hero::before,html[data-theme="dark"] .hero::after{background-image:radial-gradient(circle,rgba(196,190,180,.23) 1.25px,transparent 1.5px)}html[data-theme="dark"] .closing-actions .button{background:#f7f5ef;border-color:#f7f5ef;color:#252422}html[data-theme="dark"] .closing-actions .button:hover{background:#fff;border-color:#fff;color:#252422}html[data-theme="dark"] .closing-actions .secondary-button{border-color:rgba(255,255,255,.75);color:#fff}html[data-theme="dark"] .navigation{background:#302e2a}html[data-theme="dark"] .navigation::before,html[data-theme="dark"] .navigation::after{background-image:radial-gradient(circle,rgba(235,94,40,.25) 1.25px,transparent 1.5px)}html[data-theme="dark"] .navigation .route-icon{color:var(--orange)}@media(max-width:720px){.masthead{flex-wrap:wrap;gap:10px 15px}.masthead .theme-toggle{margin-left:auto}.masthead .contact{order:3;flex-basis:100%;max-width:none;margin:0;font-size:12px;text-align:right}}

.masthead .theme-toggle{margin-left:auto}.masthead .contact{margin-left:0}

/* Circular theme reveal from the toggle. */
html.theme-switching::view-transition-old(root),html.theme-switching::view-transition-new(root){animation:none;mix-blend-mode:normal}
html.theme-switching::view-transition-group(root){animation-duration:650ms}
html.theme-switching::view-transition-old(root){z-index:1}
html.theme-switching::view-transition-new(root){z-index:2}

/* Align section bounds with the header menu. */
.navigation>.shell,.closing>.shell{width:100%}
.navigation>.shell{padding-inline:40px}
@media(max-width:720px){.navigation>.shell{padding-inline:25px}}

/* Topic map uses the navigation panel style. */
.topics{background:var(--dark);color:#f3f4e9;border:0;border-radius:var(--radius-block);overflow:hidden;padding-inline:40px}
.topics .section-description,.topics .topic-item>span:last-child{color:#bdc9b4}
.topics .eyebrow{color:var(--orange)}
.topics .topic-item{position:relative;border:0}
.topics .topic-item::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:currentColor;transform:scaleY(.5);transform-origin:top;pointer-events:none}
.topics .topic-item>span:first-child>span{background:rgba(255,255,255,.09);color:#eb5e28;font-size:20px;font-weight:800;line-height:1.3}
html[data-theme="dark"] .topics{background:#302e2a}
@media(max-width:720px){.topics{padding-inline:25px}}

.topics{position:relative;isolation:isolate}
.topics>*{position:relative;z-index:1}
.topics::before,.topics::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(192,207,179,.32) 1.25px,transparent 1.5px);background-size:20px 20px}
.topics::before{mask-image:radial-gradient(ellipse 60% 95% at 100% 0%,#000 0%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 60% 95% at 100% 0%,#000 0%,transparent 78%)}
.topics::after{content:none}
html[data-theme="dark"] .topics::before,html[data-theme="dark"] .topics::after{background-image:radial-gradient(circle,rgba(235,94,40,.25) 1.25px,transparent 1.5px)}

/* Social links match the quiet, rounded footer style. */
.footer-socials{display:flex;align-items:center;gap:6px;margin-left:auto}
.footer-social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:var(--soft);color:var(--ink);transition:color .18s ease,border-color .18s ease,background-color .18s ease}
.footer-social-link svg{width:21px;height:21px;fill:currentColor}
.footer-social-link:hover{color:var(--orange);border-color:var(--orange);background:var(--paper)}
@media(max-width:720px){.footer-socials{margin-left:auto}}

footer>a.brand{margin-left:0;font-size:30px}
@media(max-width:720px){footer>a.brand{font-size:26px}}

.footer-social-link svg[data-icon-style="stroke"]{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.footer-socials{flex-wrap:wrap}

.footer-social-link{border:0;border-radius:0;background:transparent}
.footer-social-link:hover{background:transparent}

/* Articles share the homepage palette, typography and editorial rhythm. */
.navline a[aria-current="page"]{color:var(--orange)}
body.article-library{padding-top:0}
.library-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;padding-bottom:35px;position:relative}
.library-intro h1{font-size:68px;line-height:1.05;letter-spacing:-.045em}
.library-intro .eyebrow{margin-bottom:15px}
.library-dot{color:var(--orange)}
.library-lead{font-size:25px;line-height:1.35;letter-spacing:-.025em;max-width:490px}
.library-lead>span{display:block;font-size:15px;line-height:1.6;color:var(--muted);letter-spacing:0;margin-top:14px}
.library-controls{display:flex;align-items:center;gap:20px;border-block:1px solid var(--line);padding-block:20px;scroll-margin-top:20px}
.library-search{display:flex;align-items:center;gap:12px;flex:1;min-width:0;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:13px 17px}
.library-search svg{width:21px;height:21px;flex:none;color:var(--muted)}
.library-search input{font:inherit;font-size:15px;color:var(--ink);border:0;outline:0;background:transparent;width:100%;min-width:0}
.library-search:focus-within{outline:2px solid var(--orange);outline-offset:2px}
.library-search input::placeholder{color:var(--muted)}
.library-topic{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted)}
.library-topic select{font:inherit;font-size:14px;max-width:230px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px 35px 14px 14px}
.library-reset{font:inherit;font-size:13px;color:var(--orange);border:0;background:transparent;cursor:pointer;padding:10px}
.library-section-label{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-block:25px;font-size:12px;scroll-margin-top:20px}
.library-section-label>span:first-child{text-transform:uppercase;letter-spacing:1px;font-weight:700;color:var(--orange)}
.library-section-label>span:last-child{color:var(--muted)}
.magazine-opening{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:0 40px;padding-bottom:40px}
.magazine-story--0{grid-row:1/3;border-right:1px solid var(--line);padding-right:40px}
.library-image{display:block;overflow:hidden;border-radius:14px;background:var(--soft)}
.library-image img{width:100%;aspect-ratio:var(--content-image-ratio);object-fit:cover}
.library-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;margin-bottom:12px}
.library-number{color:var(--orange);font-variant-numeric:tabular-nums}
.magazine-story--0 .library-copy{padding-top:19px}
.magazine-story--0 h2{font-size:31px;line-height:1.16;letter-spacing:-.035em}
.library-copy>p{font-size:15px;color:var(--muted);margin-top:13px}
.library-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}
.library-tags button{font:inherit;font-size:11px;font-weight:600;line-height:1.4;color:var(--muted);background:var(--soft);border:0;border-radius:6px;padding:5px 9px;cursor:pointer}
.library-tags button:hover{color:var(--orange)}
.magazine-story:not(.magazine-story--0){display:grid;grid-template-columns:140px minmax(0,1fr);gap:22px;align-items:start;padding-block:2px 24px}
.magazine-story:not(.magazine-story--0) .library-image img{aspect-ratio:var(--content-image-ratio)}
.magazine-story:not(.magazine-story--0) h2{font-size:23px;line-height:1.2;letter-spacing:-.025em}
.magazine-story--2{border-top:1px solid var(--line);padding-top:25px!important}
.magazine-story:not(.magazine-story--0) .library-copy>p{font-size:14px}
.library-archive{border-top:1px solid var(--line);padding-block:30px 55px}
.archive-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}
.archive-heading h2{font-size:29px;letter-spacing:-.03em}
.archive-mark{font-size:35px;color:var(--orange)}
.library-row{display:grid;grid-template-columns:230px minmax(0,1fr);gap:35px;padding-block:25px;border-top:1px solid var(--line)}
.library-row .library-copy{max-width:770px}
.library-row h3{font-size:25px;line-height:1.22;letter-spacing:-.025em}
.library-row .library-meta{margin-bottom:9px}
.library-row .library-copy>p{margin-top:10px}
.library-empty{padding-block:40px;max-width:600px;color:var(--muted)}
.library-pagination{border-top:1px solid var(--line);padding-top:25px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}
.library-pagination>div{display:flex;gap:8px}
.library-pagination button{font:inherit;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);cursor:pointer}
.library-pagination button[aria-current="page"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.library-pagination button:hover{border-color:var(--orange)}
.article-library [hidden]{display:none!important}
.article-library button:focus-visible,.article-library select:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media(max-width:1000px){.magazine-opening{gap:0 25px}.magazine-story--0{padding-right:25px}.magazine-story:not(.magazine-story--0){grid-template-columns:100px minmax(0,1fr);gap:17px}.magazine-story:not(.magazine-story--0) h2{font-size:21px}}
@media(max-width:720px){body.article-library{padding-top:0}.library-intro{grid-template-columns:1fr;gap:20px;padding-bottom:26px}.library-intro h1{font-size:46px}.library-lead{font-size:21px}.library-lead>span{font-size:14px;margin-top:10px}.library-controls{flex-wrap:wrap;gap:12px}.library-search{flex-basis:100%;padding:12px}.library-topic{flex:1}.library-topic select{max-width:220px;flex:1;padding-block:10px}.library-section-label{font-size:11px;padding-block:22px}.magazine-opening{grid-template-columns:1fr;gap:25px;padding-bottom:28px}.magazine-story--0{grid-row:auto;border-right:0;padding-right:0}.magazine-story--0 h2{font-size:27px}.magazine-story:not(.magazine-story--0){grid-template-columns:100px minmax(0,1fr);padding-block:22px 0;border-top:1px solid var(--line)}.magazine-story:not(.magazine-story--0) h2{font-size:21px}.magazine-story:not(.magazine-story--0) .library-copy>p{display:none}.library-tags{margin-top:12px}.library-row{grid-template-columns:100px minmax(0,1fr);gap:17px;padding-block:23px}.library-row .library-image img{aspect-ratio:var(--content-image-ratio)}.library-row h3{font-size:21px}.library-row .library-copy>p{font-size:14px}.library-row .library-meta{font-size:11px}.archive-heading h2{font-size:25px}.library-pagination{gap:15px}.library-pagination button{width:36px;height:36px}}

/* Single lead article for the magazine opening. */
.magazine-opening{display:block}
.magazine-story--0{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:start;border-right:0;padding-right:0}
.magazine-story--0 .library-copy{padding-top:0}
.magazine-story--0 h2{font-size:34px}
@media(max-width:720px){.magazine-story--0{grid-template-columns:1fr;gap:20px}.magazine-story--0 h2{font-size:27px}}

/* Three-column article archive, using homepage card proportions. */
#article-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 30px}
.library-row{display:flex;flex-direction:column;gap:17px;padding:0 0 25px;border-top:0;border-bottom:1px solid var(--line);min-width:0}
.library-row .library-image{width:100%}
.library-row .library-image img{aspect-ratio:var(--content-image-ratio)}
.library-row .library-copy{max-width:none;display:flex;flex-direction:column;flex:1}
.library-row h3{font-size:23px;line-height:1.25}
.library-row .library-copy>p{font-size:15px;margin-bottom:16px}
.library-row .library-tags{margin-top:auto}
@media(max-width:1000px){#article-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){#article-list{grid-template-columns:1fr;gap:28px}.library-row{gap:16px}.library-row h3{font-size:24px}.library-row .library-copy>p{font-size:16px}.library-row .library-image img{aspect-ratio:var(--content-image-ratio)}}

/* A single continuous rule above pagination. */
@media(min-width:1001px){.library-row:nth-child(3n+1):nth-last-child(-n+3),.library-row:nth-child(3n+1):nth-last-child(-n+3)~.library-row{border-bottom:0}}
@media(min-width:721px) and (max-width:1000px){.library-row:nth-child(2n+1):nth-last-child(-n+2),.library-row:nth-child(2n+1):nth-last-child(-n+2)~.library-row{border-bottom:0}}
@media(max-width:720px){.library-row:last-child{border-bottom:0}}
.library-pagination{border-top:1px solid var(--line)}

/* Separate article pagination from the shared footer. */
.article-library .library-pagination{border-bottom:1px solid var(--line);padding-bottom:25px}

/* Keep the homepage closing sections a little closer together. */
.home-page .work{padding-bottom:32px}
.home-page .closing{padding-top:24px;padding-bottom:28px}
@media(max-width:720px){.home-page .work{padding-bottom:24px}.home-page .closing{padding-top:20px;padding-bottom:24px}}

/* Topic menu follows the shared site palette in both themes. */
.topic-picker{position:relative;width:230px;color:var(--ink)}
.topic-trigger{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;font:inherit;font-size:14px;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:14px 16px;cursor:pointer;text-align:left}
.topic-trigger svg{width:18px;height:18px;flex:none;transition:transform .18s ease}
.topic-trigger[aria-expanded="true"]{border-color:var(--orange)}
.topic-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.topic-options{position:absolute;right:0;top:calc(100% + 8px);width:280px;max-width:calc(100vw - 36px);max-height:320px;max-height:min(320px,50vh);overflow-y:auto;overscroll-behavior:contain;padding:7px;background:var(--paper);border:1px solid var(--line);border-radius:14px;z-index:20;scrollbar-width:thin;scrollbar-color:var(--line) var(--paper)}
.topic-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;background:transparent;color:var(--ink);font:inherit;font-size:14px;text-align:left;padding:10px 12px;border-radius:8px;cursor:pointer}
.topic-option:hover,.topic-option:focus-visible{background:var(--soft)}
.topic-option[aria-selected="true"]{color:var(--orange);background:var(--soft);font-weight:600}
.topic-check{visibility:hidden}
.topic-option[aria-selected="true"] .topic-check{visibility:visible}
@media(max-width:720px){.topic-picker{width:220px;max-width:calc(100vw - 90px)}.topic-trigger{padding-block:11px}.topic-options{width:260px}}

/* Search and topic controls share an unfilled outline. */
.library-search,.topic-trigger{background:transparent}

/* Original Articles introduction, set in the shared editorial style. */
.library-intro--source{align-items:center}
.library-intro--source .library-lead{font-size:20px;line-height:1.6;letter-spacing:-.015em;max-width:600px}
.library-context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding-block:8px 38px}
.library-context>div{border-top:1px solid var(--line);padding-top:20px}
.library-context .eyebrow{font-size:12px;margin-bottom:12px}
.library-context>div>p:last-child{font-size:15px;line-height:1.65;color:var(--muted)}
.library-collection-head{padding-top:18px;margin-bottom:25px}
.library-collection-head h2{font-size:31px;letter-spacing:-.035em}
.library-collection-head .section-description{font-size:15px;margin-top:12px}
.library-source-cta{padding-top:0;padding-bottom:28px}
@media(max-width:720px){.library-intro--source .library-lead{font-size:17px}.library-context{grid-template-columns:1fr;gap:20px;padding-bottom:25px}.library-context>div{padding-top:16px}.library-collection-head h2{font-size:27px}.library-context>div>p:last-child{font-size:15px}.library-source-cta{padding-bottom:20px}}

.library-section-label>span:last-child{margin-left:auto}

/* Compact original introduction: title left, copy right, no dividers. */
.library-intro--compact{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:50px;padding-bottom:25px}
.library-intro--compact h1{font-size:56px}
.library-intro--compact .library-title{padding-top:5px}
.library-intro--compact .library-lead{font-size:18px;line-height:1.6;letter-spacing:0;max-width:900px}
.library-intro--compact .library-context{gap:24px;padding:25px 0 0}
.library-intro--compact .library-context>div{border:0;padding:0}
.library-intro--compact .library-context .eyebrow{margin-bottom:9px;font-size:11px;letter-spacing:.7px}
.library-intro--compact .library-context>div>p:last-child{font-size:14px;line-height:1.6}
@media(max-width:1000px){.library-intro--compact{grid-template-columns:180px minmax(0,1fr);gap:30px}.library-intro--compact .library-context{gap:18px}}
@media(max-width:720px){.library-intro--compact{grid-template-columns:1fr;gap:20px;padding-bottom:20px}.library-intro--compact h1{font-size:46px}.library-intro--compact .library-lead{font-size:17px}.library-intro--compact .library-context{grid-template-columns:1fr;gap:18px;padding-top:22px}.library-intro--compact .library-context>div>p:last-child{font-size:15px}}

/* One outlined panel for the Articles introduction copy. */
.library-intro--compact .library-intro-copy{min-width:0;border:1px solid var(--line);border-radius:12px;padding:24px}
@media(max-width:720px){.library-intro--compact .library-intro-copy{padding:20px}}

.library-title-count{margin-top:18px;font-size:14px;line-height:1.6;color:var(--muted)}

/* Editorial article numbering echoes the orange title punctuation. */
.article-library .library-meta{align-items:center}
.article-library .library-number{display:inline-flex;align-items:baseline;flex:none;font-size:20px;font-weight:900;line-height:1;letter-spacing:-.055em;color:var(--muted)}
.article-library .library-number::after{content:".";margin-left:2px}
@media(max-width:720px){.article-library .library-number{font-size:18px}}

.article-library .library-meta time{display:inline-block;border:1px solid var(--line);border-radius:6px;padding:5px 9px;line-height:1.4}


/* Introduction shares the homepage navigation identity in both themes. */
html[data-theme] .library-intro--compact .library-intro-copy{position:relative;isolation:isolate;overflow:hidden;background:var(--dark);border-color:var(--dark);color:#f3f4e9}
html[data-theme] .library-intro-copy>*{position:relative;z-index:1}
html[data-theme] .library-intro-copy::before,html[data-theme] .library-intro-copy::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(192,207,179,.32) 1.25px,transparent 1.5px);background-size:20px 20px}
html[data-theme] .library-intro-copy::before{mask-image:radial-gradient(ellipse 60% 95% at 100% 0%,#000 0%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 60% 95% at 100% 0%,#000 0%,transparent 78%)}
html[data-theme] .library-intro-copy::after{content:none;opacity:.65;mask-image:radial-gradient(ellipse 60% 95% at 0% 100%,#000 0%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 60% 95% at 0% 100%,#000 0%,transparent 78%)}
html[data-theme] .library-intro--compact .library-lead{color:#f3f4e9}
html[data-theme] .library-intro--compact .library-context>div>p:last-child{color:#bdc9b4}

html[data-theme="dark"] .library-intro--compact .library-intro-copy{background:#302e2a;border-color:#302e2a}
html[data-theme="dark"] .library-intro-copy::before,html[data-theme="dark"] .library-intro-copy::after{background-image:radial-gradient(circle,rgba(235,94,40,.25) 1.25px,transparent 1.5px)}
html[data-theme="dark"] .library-intro--compact .library-context>div>p:last-child{color:var(--muted)}

.library-intro--compact .library-title h1{display:flex;align-items:center;gap:10px}
.library-title-icon{width:44px;height:48px;flex:none;color:inherit}
@media(min-width:721px) and (max-width:1000px){.library-intro--compact .library-title h1{font-size:42px;gap:8px}.library-title-icon{width:34px;height:38px}}

/* Keep the menu outline outside the scrolling list. */
.topic-menu-shell{position:absolute;right:0;top:calc(100% + 8px);width:280px;max-width:calc(100vw - 36px);padding:5px;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;z-index:20;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.topic-menu-shell .topic-options{position:static;width:100%;max-width:none;max-height:min(310px,calc(50vh - 10px));padding:2px;border:0;border-radius:9px;background:transparent}
html[data-theme="dark"] .topic-menu-shell{box-shadow:0 8px 24px rgba(0,0,0,.24)}
@media(max-width:720px){.topic-menu-shell{width:260px}}

/* Subtle image separation from the light paper background. */
html[data-theme="light"] .story-image,html[data-theme="light"] .library-image{box-shadow:0 3px 12px rgba(36,40,32,.10),0 1px 3px rgba(36,40,32,.06)}

/* A little more space between the three desktop archive cards. */
@media(min-width:1001px){#article-list{gap:40px 44px}}

/* Shared, slightly larger card descriptions on the homepage and Articles. */
.home-page .story-copy p,.article-library .library-copy>p{font-size:17px;line-height:1.6}

/* Match supporting body copy to the shared card description scale. */
.home-page .section-description,.home-page .route-card p,.home-page .guide-grid p,.home-page .topic-item>span:last-child,.home-page .work-card p,.article-library .section-description,.library-intro--compact .library-context>div>p:last-child{font-size:17px;line-height:1.6}

/* Navigation labels pair each icon with its section name. */
.guide-grid .guide-label{display:flex;align-items:center;gap:10px;min-height:40px;margin-bottom:17px}
.guide-grid .guide-label .route-icon{position:static;width:22px;height:22px;flex:none}
.guide-grid .guide-label .eyebrow{margin:0;padding:0;min-height:0}

.guide-grid .guide-label .route-icon svg{width:22px;height:22px}

.library-intro--compact .library-context>div>p:last-child{font-size:16px}

/* Shared format for material images in every new site section. */
.content-image,.article-prose img{display:block;width:100%;height:auto;aspect-ratio:var(--content-image-ratio);object-fit:cover;object-position:center}

/* Shared description scale restored to the approved homepage baseline. */
.home-page .story-copy p,.home-page .guide-grid p,.home-page .work-card p,.home-page .route-card p,.article-library .library-copy>p{font-size:17px;line-height:1.6}

.home-page .intro,.home-page .section-description,.home-page .topic-item>span:last-child,.article-library .section-description,.library-intro--compact .library-lead,.library-intro--compact .library-context>div>p:last-child,.closing-actions>p{font-size:17px;line-height:1.6}

/* Slightly larger site menu labels. */
.navline nav,.navline .search{font-size:15px}

/* Search and theme controls share the masthead action group. */
.masthead .header-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}
.masthead .header-actions .theme-toggle{margin-left:0}
.header-search{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:7px;border-radius:8px;color:var(--ink)}
.header-search:hover{background:var(--soft);color:var(--orange)}
.header-search:focus-visible{outline:2px solid var(--orange);outline-offset:4px}

/* Footer identity uses the same thin separator as the masthead. */
footer>.brand+p{padding-left:24px;border-left:1px solid var(--line)}
@media(max-width:720px){footer>.brand+p{padding-left:16px}}

/* Meaningful, visible icons beside homepage work-card titles. */
.home-page .work-card h3{display:flex;align-items:center;gap:12px}
.home-page .work-title-icon{width:28px;height:28px;flex:none;color:var(--orange)}

/* Align shared CTA buttons with the copy above them on every page. */
.closing-actions{justify-content:flex-start}

/* Archive introduction spacing belongs below the shared header. */
main.article-library{padding-top:48px}
@media(max-width:720px){main.article-library{padding-top:30px}}

/* Wordmark follows the theme in every interactive state. */
a.brand,a.brand:hover,a.brand:focus-visible,a.brand:active{color:var(--ink)}
a.brand span{color:inherit}

/* Header and footer share responsive wordmark and symbol sizes. */
.masthead .brand,footer>a.brand{font-size:34px}
.masthead .brand-logo,footer .brand-logo{width:48px;height:48px}
@media(max-width:720px){.masthead .brand,footer>a.brand{font-size:28px}.masthead .brand-logo,footer .brand-logo{width:38px;height:38px}}
@media(max-width:360px){.masthead{gap:8px}.masthead .brand,footer>a.brand{font-size:26px}.masthead .brand-logo,footer .brand-logo{width:36px;height:36px;margin-right:6px}.masthead .header-actions{gap:2px}}


/* Quiet upper-right CTA dots fade before the action copy and buttons. */
.closing>.shell::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.18) 1.25px,transparent 1.5px);background-size:20px 20px;mask-image:radial-gradient(ellipse 42% 85% at 100% 0%,#000 0%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse 42% 85% at 100% 0%,#000 0%,transparent 72%)}

/* Featured article label aligns with the opening, like Blog. */
.article-library:not(.blog-library) .library-section-label>span:only-child{margin-left:0;color:var(--orange)}

/* Shared light-theme search and topic selection across section archives. */
html:not([data-theme="dark"]){--selection-background:#302e2a;--selection-text:#f7f5ef;--selection-hover:#ece9e2}
html:not([data-theme="dark"]) :is(.library-search,.kb-search){background:transparent;border:2px solid var(--dark)}
html:not([data-theme="dark"]) :is(.library-search,.kb-search):focus-within{outline-color:var(--dark)}
html:not([data-theme="dark"]) .topic-trigger[aria-expanded="true"]{border-color:var(--dark)}
html:not([data-theme="dark"]) :is(.topic-option,.kb-topic-button):is(:hover,:focus-visible){background:var(--selection-hover);color:var(--ink)}
html:not([data-theme="dark"]) :is(.topic-option[aria-selected="true"],.kb-topic-button[aria-pressed="true"],.topic-trigger[data-filtered="true"]){background:var(--selection-background);color:var(--selection-text);box-shadow:none;border-color:var(--selection-background)}
html:not([data-theme="dark"]) .library-tags button:is(:hover,:focus-visible){background:var(--selection-background);color:var(--selection-text)}
html:not([data-theme="dark"]) .kb-start-card[aria-current="true"]{background:var(--selection-background);color:var(--selection-text);border-color:var(--selection-background)}
html:not([data-theme="dark"]) .kb-start-card[aria-current="true"] :is(p,.kb-arrow){color:var(--selection-text)}
html:not([data-theme="dark"]) .kb-mobile-topic select:has(option:checked:not([value="0"])){background:var(--selection-background);color:var(--selection-text)}

/* Topic selection in dark mode uses warm surfaces without orange markers. */
html[data-theme="dark"]{--selection-background:#494640;--selection-text:#f7f5ef;--selection-hover:#393631}
html[data-theme="dark"] :is(.topic-option[aria-selected="true"],.kb-topic-button[aria-pressed="true"],.topic-trigger[data-filtered="true"]){background:var(--selection-background);color:var(--selection-text);box-shadow:none;border-color:var(--selection-background)}
html[data-theme="dark"] .topic-trigger[aria-expanded="true"]{border-color:var(--line)}
html[data-theme="dark"] :is(.topic-option,.kb-topic-button):hover:not([aria-selected="true"]):not([aria-pressed="true"]){background:var(--selection-hover);color:var(--ink)}
html[data-theme="dark"] .kb-start-card[aria-current="true"]{background:var(--selection-background);color:var(--selection-text);border-color:var(--selection-background)}
html[data-theme="dark"] .kb-start-card[aria-current="true"] :is(p,.kb-arrow){color:var(--selection-text)}
html[data-theme] :is(.topic-trigger,.topic-option,.kb-topic-button):focus-visible{outline:2px solid var(--muted);outline-offset:3px}

/* Site-wide light-theme outlines for search and topic fields. */
html:not([data-theme="dark"]) :is(.library-search,.kb-search,.topic-trigger,select,input[type="search"]:not(.library-search input,.kb-search input)){border:2px solid var(--dark)}
html:not([data-theme="dark"]) input[type="search"]:not(.library-search input,.kb-search input):focus-visible{outline-color:var(--dark)}

/* Active search/topic fields replace their border with one orange contour. */
html[data-theme] :is(.library-search:focus-within,.kb-search:focus-within,.topic-trigger:focus,.topic-trigger[aria-expanded="true"],select:focus,input[type="search"]:not(.library-search input,.kb-search input):focus){border-color:var(--orange);outline:none;box-shadow:none}
html[data-theme] :is(.library-search,.kb-search) input:focus{outline:none;box-shadow:none}

/* Shared distance from the menu divider to the first section caption.
   Future section archives should reuse .section-main and this token. */
:root{--page-opening-space:32px}
:root main:is(.article-library,.knowledge-main,.section-main){padding-top:var(--page-opening-space)}
@media(max-width:720px){:root{--page-opening-space:26px}}

/* Preserve complete artwork as shared containers grow. */
.story-image img,.library-image img,.content-image{object-fit:contain}
.content-image{height:auto;aspect-ratio:auto}

/* Align the desktop author separator with the start of the contact menu label. */
@media(min-width:1051px){
.home-page .hero{grid-template-columns:minmax(0,1fr) max(260px,calc(100% - 964px))}
}