/* Live data hooks mapped onto the approved 8 September design bible.
 * Layout, typography and cream surfaces come from design-bible.css.
 * Copper accents follow the updated design bible. */
:root{--accent:#94502f;--gold:#bb815a;--accent2:#1d5b73;--good:#287258;--bad:#a2423b;--muted:#606974;--line:#ded6c9;--sidebar-bg:var(--soft);--shadow:0 16px 50px #1e242d14}
:root[data-theme=dark]{--paper:#0c1420;--panel:#142536;--soft:#1c2b3c;--ink:#eef1f5;--muted:#94a4b3;--line:#24384a;--accent:#dca780;--gold:#bb815a;--accent2:#92b8d0;--good:#75baa0;--bad:#d9867d;--sidebar-bg:var(--night)}
html,body{max-width:100%;height:auto;overflow-x:clip;overflow-y:visible;scrollbar-width:none}
::-webkit-scrollbar{display:none}
.app{display:block;min-height:100vh;height:auto}
.workspace{display:block;margin-left:var(--side);min-width:0;background:var(--paper);color:var(--ink)}
.topbar .icon-button{color:var(--ink)}
.grid>*{min-width:0}
main.main,main.v2-main{display:block;flex:initial;width:auto;max-width:1500px;height:auto;min-height:calc(100vh - 205px);overflow:visible;margin:0 auto;padding:36px 42px 70px}
.pagehead{display:flex;grid-template-columns:none;align-items:flex-end;min-height:0;padding:0;border:0;margin-bottom:30px;gap:25px}
.pagehead h1{font:clamp(2.5rem,4.1vw,4.4rem)/1.05 var(--serif);font-weight:400;letter-spacing:-.055em;margin:0;white-space:normal}
.pagehead p{font-size:1rem;line-height:1.6;margin:15px 0 0;max-width:60ch;text-align:left}
.topbar .ask:after{content:none}
.topbar .utility .ask{width:auto;min-width:max-content;flex:none}
.pagehead .eyebrow{margin-bottom:12px}
.sidebar{position:fixed;inset:0 auto 0 0;display:flex;transform:none;width:var(--side);height:100dvh;padding:30px 18px 22px;z-index:40;overflow-y:auto;scrollbar-width:none;transition:none}
.sidebar .brand{width:auto;min-height:0;border:0;background:transparent;color:inherit;font:2rem var(--serif);letter-spacing:-.06em;padding:0 12px;text-align:left;gap:12px}
.sidebar .brand .mark{width:34px;height:34px;color:var(--accent)}
.sidebar .mainnav{display:block;flex:none;min-height:0;overflow:visible;margin:0;padding:0;border:0}
.sidebar .navlink,.sidebar .side-bottom>button{display:flex;align-items:center;gap:13px;position:relative;width:100%;min-height:48px;padding:12px;border:0;border-radius:5px;text-align:left;font:400 .9375rem/1.6 var(--sans);background:transparent;color:#b5c0ce;margin:0 0 4px;box-shadow:none}
.sidebar .navlink b,.sidebar .side-bottom>button b{font:400 1.35rem var(--serif);width:23px;flex:none;color:var(--gold);text-align:center}
.sidebar .navlink:before,.sidebar .navlink:after{content:none}
.sidebar .navlink[aria-current=page]{background:#253549;color:white;box-shadow:inset 2px 0 var(--gold)}
.sidebar .side-bottom{display:block;margin-top:auto;padding:28px 0 0;border:0}
:root:not([data-theme=dark]) .sidebar .navlink,:root:not([data-theme=dark]) .sidebar .side-bottom>button{color:var(--ink)}
:root:not([data-theme=dark]) .sidebar .navlink b,:root:not([data-theme=dark]) .sidebar .side-bottom>button b{color:var(--accent)}
:root:not([data-theme=dark]) .sidebar .navlink[aria-current=page]{background:var(--panel);color:var(--ink);box-shadow:inset 2px 0 var(--accent)}
.sidebar .navlink:hover,.sidebar .side-bottom>button:hover{background:var(--panel);color:var(--ink)}
.topbar{position:static;display:flex;align-items:center;justify-content:space-between;min-height:74px;height:auto;width:auto;gap:16px;padding:12px 42px;margin:0;background:var(--paper);border:0;border-bottom:1px solid var(--line);box-shadow:none}
.topbar:after{content:none}
.topbar .crumb{display:block;flex:1;min-width:0;color:var(--muted);font-size:.875rem;line-height:1.6;letter-spacing:normal;text-transform:none;white-space:normal}
.topbar .utility{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:nowrap}
.topbar .iconbtn,.topbar .avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--ink);font-size:1.2rem}
.topbar .avatar{border-radius:50%;overflow:visible}
.avatar svg{width:24px;height:24px;fill:none;stroke:currentColor}
.avatar .account-status{position:absolute;top:100%;right:0;width:max-content;font-size:.65rem}
.topbar .mobile-menu{display:none}
.palette-button,.palette-popover,.mobile-nav{display:none!important}
.contextbar{position:static;display:block;min-height:0;padding:0;border:0;background:transparent;backdrop-filter:none;overflow-x:auto;scrollbar-width:none}
.subnav{display:flex;justify-content:flex-start;gap:25px;min-width:0;min-height:0;padding:0 42px;margin:0;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}
.subnav button{display:flex;align-items:center;flex:none;min-height:54px;padding:0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);font:400 .875rem var(--sans);white-space:nowrap}
.subnav button[aria-current=page]{border-color:var(--accent);color:var(--ink);background:transparent}
.subnav button:after{content:none}
.contextbar:has(.subnav:empty){display:none}
.today-context .toggle i{border-radius:50%}
.today-context .toggle.context-locked{border-radius:var(--radius);padding:16px}
.surface{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;overflow:hidden}
.primary,.secondary,.ask,.textbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 17px;border:1px solid var(--line);border-radius:5px;font:600 .875rem/1.4 var(--sans);text-decoration:none;letter-spacing:normal;transform:none;background:var(--panel);color:var(--ink)}
.primary,.ask{background:var(--ink);border-color:var(--ink);color:var(--paper)}
:root:not([data-theme=dark]) .primary,:root:not([data-theme=dark]) .ask{background:var(--soft);border-color:var(--ring-strong);color:var(--ink)}
.primary:hover,.secondary:hover,.ask:hover{border-color:var(--accent);transform:none}
.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:0;white-space:normal}
.surface .actions{margin-top:22px}
button.link-card{text-align:left;color:inherit;font:inherit;width:100%;cursor:pointer}
.link-card.topic{border:1px solid var(--line);padding:25px;background:var(--panel);border-radius:var(--radius)}
.topic h3{margin:24px 0 10px}.topic p{font-size:.9375rem;line-height:1.6}.topic .arrow{margin-top:18px}
.topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.reference-top{display:flex;padding:0;border:0;background:transparent;margin:32px 0 18px;gap:20px}
.reference-top .eyebrow{display:block;font-size:.7rem;margin-top:8px}
.reference-top .search{width:230px;max-width:45%;display:block;padding:0;border:0}
.readmore{background:transparent;border:0;text-align:left;padding:0;cursor:pointer}
.pad{padding:28px}
.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:0;padding:22px 26px;border-bottom:1px solid var(--line)}
.sectionhead h2{font-size:1.35rem}.sectionhead span{font-size:.875rem}
.product-state{min-height:0;padding:45px 28px;display:block;text-align:left}
.product-state h2{font:1.8rem/1.2 var(--serif);letter-spacing:-.025em;margin:12px 0 16px}
.product-state p{max-width:68ch;margin-bottom:22px}
.error-state{border-color:var(--bad)}.empty-state{border-color:var(--line)}
.live-loading{min-height:180px;color:var(--muted)}.live-loading i{border-color:var(--line);border-top-color:var(--accent)}
.grid,.today-grid,.life-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.today-grid{align-items:stretch}
.today-grid>.surface{height:auto;align-self:stretch}
.today-grid>.today-context{display:block}
.aside{position:static;top:auto;height:auto}
.live-form label>span{font-size:.875rem;text-transform:none;font-weight:600;letter-spacing:normal}
.live-form{margin-top:28px;gap:20px}.live-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.live-form .check{margin:0}.live-form details .field{margin-bottom:0}
.live-form input,.live-form select,.live-form textarea{background:var(--panel);border:1px solid var(--ring-strong);border-radius:5px;min-height:46px;padding:12px 14px}
.live-form input[type=checkbox]{min-height:20px;width:20px;padding:0}
.field-error{background:var(--soft);border-left:3px solid var(--bad);color:var(--ink)}
.panel:has(.live-form),.surface:has(.live-form){overflow:visible}
.chart-shell{width:auto;margin:0;height:auto;overflow:hidden}
.chart-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:stretch;height:auto;min-height:0;max-width:none;border:0;background:transparent}
.chart-stage{display:flex;flex-direction:column;justify-content:center;align-items:stretch;position:static;height:auto;min-height:510px;aspect-ratio:auto;padding:30px;background:var(--night);color:var(--on)}
:root:not([data-theme=dark]) .chart-stage{background:var(--soft);color:var(--ink)}
.chart-stage .wheel{display:block;width:100%;min-width:0;max-width:620px;height:auto;max-height:none;aspect-ratio:auto;margin:auto}
.wheel svg{display:block;width:100%;height:auto;max-height:none}
.wheel svg>circle:first-child,.wheel .chart-field{fill:var(--night)}
:root:not([data-theme=dark]) .wheel svg>circle:first-child,:root:not([data-theme=dark]) .wheel .chart-field{fill:var(--soft)}
.wheel svg>circle:not(.planet-hit){stroke:var(--ring)}
.wheel svg circle.ring,:root:not([data-theme=dark]) .wheel svg circle.ring{fill:none}
.wheel [data-kind=house]{fill:transparent}
.wheel svg text{fill:var(--on)}
.wheel [data-kind=planet] text{fill:var(--gold)}
:root:not([data-theme=dark]) .wheel svg text{fill:var(--ink)}
:root:not([data-theme=dark]) .wheel [data-kind=planet] text{fill:var(--accent)}
.chart-panel{position:static;display:block;height:auto;min-height:0;overflow:visible;padding:27px;border:0;border-left:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:1rem}
.chart-panel #selected h2{font-size:1.8rem;margin:14px 0}.chart-panel p{font-size:.9375rem;line-height:1.6;color:var(--muted)}
.chart-insight-tools{margin-top:24px}.chart-legend-card header{flex-wrap:wrap;gap:8px}.chart-legend-card .legend{display:flex;flex-wrap:wrap;margin-top:12px;gap:8px}
.chart-legend-card .legend button{min-height:44px;font-size:.75rem;padding:8px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:5px}
.chart-legend-card .aspect-scope{min-height:44px;font-size:.8rem;color:var(--accent)}
.chart-caption{margin-top:16px}.planet-facts{margin:25px 0;font-size:.9375rem}
.chart-panel .eyebrow{color:var(--accent)}
.table-wrap{overflow-x:auto;scrollbar-width:none}.data-table{margin:0}
.data-table td{vertical-align:top}.data-table td:first-child{font-weight:500}
.explain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.explain-grid .explain-card{padding:25px}.explain-grid .explain-card h3{font:1.35rem/1.25 var(--serif);margin-bottom:12px}.explain-grid .explain-card p{font-size:.9375rem}
.today-focus{display:block;min-height:0;padding:0;margin:0;width:auto;max-width:none;background:var(--night);color:var(--on)}
:root:not([data-theme=dark]) .today-focus{background:var(--soft);color:var(--ink)}
.today-focus .daily{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);padding:34px;gap:18px;width:auto}
.today-focus .daily h2{font:clamp(2rem,3vw,3.3rem)/1.13 var(--serif);letter-spacing:-.04em;margin:20px 0}
.today-focus .daily p{font-size:.9375rem;color:inherit}
.today-focus .daily .wheel{max-width:300px}.today-focus .actions{margin-top:27px}
.today-metrics{display:grid;grid-template-columns:repeat(3,1fr);background:transparent;border:0;border-top:1px solid var(--line)}
.today-metrics>div{display:block;min-height:0;padding:20px 25px;border:0;border-right:1px solid var(--line)}
.today-metrics b{font:1.2rem var(--serif);display:block;color:inherit;margin:4px 0}
.today-metrics span,.today-metrics small{display:block;color:var(--muted);font-size:.75rem}
.today-metrics>div:last-child{border-right:0}
.premium-plans .row{align-items:flex-start}.premium-plans .price{white-space:normal}
.wereldkaart,.map-stage{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.wereldkaart svg{display:block;width:100%;height:auto}
:root:not([data-theme=dark]) .wereldkaart svg{--paper:#eee8dd}
.design-translated .v2-app{display:block;min-height:100vh}
.design-translated .grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.design-translated .card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:28px;box-shadow:none;color:var(--ink)}
.design-translated .card h2,.design-translated .card h3{color:var(--ink);margin-bottom:16px}
.design-translated .card p{color:var(--muted);line-height:1.6}
.design-translated .subnav a{font-weight:400}
.design-translated .knop,.design-translated .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border:1px solid var(--line);border-radius:5px;background:var(--soft);color:var(--ink);text-decoration:none;font-size:.875rem}
.design-translated .kaart-wiel,.design-translated .synastry-wiel,.design-translated .composite-wiel{background:var(--soft);border-radius:var(--radius)}
.design-translated .kaart-wiel svg{max-width:620px;width:100%;height:auto}
:root:not([data-theme=dark]) .design-translated .kaart-wiel svg>circle:first-child{fill:var(--soft)}
.design-translated .hero{min-height:0;padding:35px 0 50px;background:none}.design-translated .hero h1{font-size:clamp(3.8rem,6vw,6.8rem)}
.modalback{background:#07111fcc;backdrop-filter:blur(4px)}
.modal{width:min(620px,calc(100% - 30px));height:auto;max-height:88dvh;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink)}
.modalhead{min-height:0;padding:18px 25px;border-bottom:1px solid var(--line)}.modalbody{padding:28px;overflow:auto}.modalbody h2{font:1.8rem/1.2 var(--serif)}
.site-footer{position:static;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:15px;height:auto;min-height:0;width:auto;margin:0 42px;padding:22px 0;border-top:1px solid var(--line);background:transparent;color:var(--muted);font-size:.75rem}
.site-footer nav{display:flex;gap:18px;flex-wrap:wrap}.site-footer a{text-decoration:none}
.skip-link{position:fixed;top:-100px;left:20px;z-index:200;padding:12px;background:var(--panel);color:var(--ink)}.skip-link:focus{top:15px}
.landing-hero{min-height:0;background:none;position:static}.landing-hero .actions{margin:30px 0 18px}.landing-hero .small{color:var(--muted)}
@media(min-width:1600px){main.main,main.v2-main{padding-top:48px}}
@media(max-width:950px){.design-translated .grid>.card{grid-column:span 12}}
@media(max-width:1200px){.topbar,.subnav{padding-inline:28px}main.main,main.v2-main{padding-inline:28px}.site-footer{margin-inline:28px}.grid,.today-grid,.life-grid{grid-template-columns:minmax(0,1fr) 265px;gap:18px}.pad{padding:23px}.chart-layout{grid-template-columns:minmax(0,1fr) 270px}.chart-stage{padding:20px;min-height:440px}.today-focus .daily{grid-template-columns:1fr;padding:28px}.today-focus .daily>div:last-child{display:none}}
@media(max-width:950px){.sidebar{display:none;transform:none}.sidebar.open{display:flex;position:fixed;top:74px;bottom:0;width:260px;height:calc(100dvh - 74px);box-shadow:12px 0 30px #0005}.workspace{margin-left:0}.topbar{position:sticky;top:0;z-index:35}.topbar .mobile-menu{display:inline-flex}.grid,.today-grid,.life-grid{grid-template-columns:1fr}.grid>aside,.today-grid>aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid>aside>div,.today-grid>aside>div{margin:0}.today-focus .daily{grid-template-columns:1.2fr .8fr}.today-focus .daily>div:last-child{display:block}.sidebar .side-bottom{margin-top:auto}}
@media(max-width:650px){main.main,main.v2-main{padding:26px 18px 45px}.topbar{padding:12px 18px;gap:8px}.topbar .crumb{display:none}.topbar .utility{gap:6px}.topbar .ask{display:inline-flex;padding:10px 12px}.topbar #theme{display:inline-flex}.topbar .iconbtn{width:40px}.subnav{padding-inline:18px;gap:22px}.pagehead{display:block}.pagehead>.actions{margin-top:20px}.pagehead h1{font-size:2.7rem}.two,.three,.topics,.explain-grid,.grid>aside,.today-grid>aside,.chart-layout,.live-form-row{grid-template-columns:1fr}.chart-panel{border-left:0;border-top:1px solid var(--line)}.chart-stage{min-height:310px;padding:20px}.pad{padding:22px}.today-focus .daily{grid-template-columns:1fr;padding:25px}.today-focus .daily>div:last-child{display:none}.today-focus .daily h2{font-size:2.3rem}.today-metrics>div{padding:15px 12px}.today-metrics b{font-size:1rem}.site-footer{flex-direction:column;margin-inline:18px;padding:22px 0}.reference-top .search{max-width:45%;width:180px}.reference-top .eyebrow{display:none}.modalbody{padding:22px}.modalback{padding:0}.event-row{grid-template-columns:58px minmax(0,1fr)}.data-table{min-width:480px}.premium-plans .price{font-size:3.5rem}}

/* Blue primary actions in dark mode; cream primary actions in light mode. */
:root[data-theme=dark] .primary,:root[data-theme=dark] .ask,:root[data-theme=dark] .button.primary,:root[data-theme=dark] .btn.primary,:root[data-theme=dark] .chip[aria-pressed=true]{background:var(--action-bg);border-color:var(--action-border);color:var(--action-ink)}

:root:not([data-theme=dark]) .secondary{background:var(--soft);color:var(--ink)}

.landing-plate .wheel{min-width:0;width:100%;height:auto}
.live-places [aria-selected=true]{background:var(--soft);outline:2px solid var(--accent);outline-offset:-2px}
.language-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;font-size:.875rem}

.language-trigger{width:auto;min-width:54px;gap:5px;padding:0 9px;font-size:.75rem}
.language-trigger>span:first-child{font-size:1.2rem}
.language-dialog{width:min(440px,calc(100% - 36px));max-height:calc(100dvh - 48px);padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);box-shadow:var(--shadow);overflow:auto}
.language-dialog::backdrop{background:#07111db3}
.language-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.language-dialog h2{font-size:1.65rem}
.language-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.language-options .button{justify-content:space-between;min-height:48px}
.language-options [aria-current=page]{border-color:var(--accent);color:var(--accent)}

/* Shared identity and controls across all seven shells. */
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font:400 2rem/1 var(--serif);letter-spacing:-.06em;flex:none}
.brand .mark,.sidebar .brand .mark{display:block;width:34px;height:34px;flex:none;color:var(--accent)}
.topbar .mobile-brand{display:none;padding:0}
.sidebar .navlink i{width:23px;flex:none;color:var(--accent);font:400 1.35rem/1 var(--serif);text-align:center}
.topbar .avatar svg{width:24px;height:24px}
.topbar .header-ask{white-space:nowrap;flex:none}
.header-ask .ask-symbol{display:none}
:root:not([data-theme=dark]) .button,:root:not([data-theme=dark]) .dark .button.quiet{background:var(--soft);color:var(--ink);border-color:var(--ring-strong)}
:root[data-theme=dark] .button,:root[data-theme=dark] .dark .button.quiet{background:var(--action-bg);border-color:var(--action-border);color:var(--action-ink)}
@media(max-width:950px){.topbar .mobile-brand{display:inline-flex;order:1;font-size:1.6rem}.topbar .mobile-menu{order:0}.topbar .utility{order:2}.topbar .crumb{display:none}.topbar{justify-content:flex-start}.topbar .header-ask{width:44px;min-width:44px;padding:0}.header-ask .action-label{display:none}.header-ask .ask-symbol{display:inline;font-size:1.3rem}}
@media(max-width:650px){.topbar{padding-inline:12px;gap:8px}.topbar .utility{gap:6px}.topbar .mobile-brand{gap:6px;font-size:1.5rem}.topbar .mobile-brand .mark{width:30px;height:30px}.topbar .language-trigger{min-width:50px;gap:4px;padding:0 5px}.topbar .iconbtn,.topbar .avatar,.topbar .header-ask{width:36px;min-width:36px;height:44px}.topbar .mobile-menu{width:32px}.topbar .utility{margin-left:auto}}
@media(max-width:359px){.topbar .mobile-brand span{display:none}}

.workspace{margin-right:0;margin-block:0}

/* One action palette and geometry, including translated native form buttons. */
:root{--action-bg:var(--soft);--action-ink:var(--ink);--action-border:var(--ring-strong)}
:root[data-theme=dark]{--action-bg:#244661;--action-ink:#eef1f5;--action-border:#52758f}
.design-translated main button:not(.link-card){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 17px;border:1px solid var(--action-border);border-radius:5px;font:600 .875rem/1.4 var(--sans);color:var(--action-ink);background:var(--action-bg)}
:root .button,:root .secondary,:root .design-translated .btn,:root .design-translated .knop,:root .topbar .iconbtn,:root .topbar .icon-button,:root .topbar .avatar{background:var(--action-bg);color:var(--action-ink);border-color:var(--action-border)}
.design-translated main button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.design-translated main button:hover{border-color:var(--accent)}
.design-translated main button[data-actie=delete-account-start]{color:var(--bad)}
.design-translated .keuze{display:flex;gap:8px;flex-wrap:wrap}
.design-translated .card{min-width:0}
.design-translated .card h3{font-size:1.35rem;line-height:1.25}
.site-footer{align-items:center;gap:20px;flex-wrap:wrap}
.site-footer .language-links{flex-basis:100%;order:3;margin-top:0;padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:650px){.design-translated .card{padding:22px}.site-footer{align-items:flex-start}.site-footer .language-links{width:100%}}

:root .language-options [aria-current=page]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}

/* Card content shares rows rather than vertically centering shorter copy. */
.link-card{align-content:start;text-align:left;vertical-align:top}
.three:has(>.link-card){align-items:stretch;grid-auto-flow:row}
.three>.link-card{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:18px;align-items:start;align-content:stretch;width:100%;min-width:0;padding:28px;margin:0;text-align:left;line-height:1.6}
.three>.link-card>:is(.eyebrow,h3,p,.arrow){margin:0;min-width:0}
.three>.link-card>.eyebrow{align-self:start}
.three>.link-card>.arrow{align-self:end;line-height:1.4}
.three>.link-card h3{font:400 1.35rem/1.25 var(--serif)}
.three>.link-card p{font-size:.9375rem;line-height:1.6}
@media(max-width:650px){.three>.link-card{padding:22px;row-gap:16px}}

/* The navigation control remains available with either sidebar state. */
.topbar{position:sticky;top:0;z-index:35}
.topbar .mobile-menu{display:inline-flex;order:0}
.topbar .crumb{order:2}
.topbar .utility{order:3}
@media(min-width:951px){
  :root[data-nav-collapsed=true] .sidebar{display:none}
  :root[data-nav-collapsed=true] .workspace{margin-left:0}
  :root[data-nav-collapsed=true] .topbar .mobile-brand{display:inline-flex;order:1;padding:0;font-size:1.6rem}
}

.landing-art{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--night);align-self:center;width:100%}
.landing-art img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
@media(max-width:650px){.landing-art{max-width:440px;margin-inline:auto}}