@font-face{font-family:City;src:url(/fonts/geist.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--paper:#f6f3eb;--panel:#fcfaf5;--ink:#222629;--muted:#61655f;--accent:#c93e1c;--line:#bfc0b6;--mint:#e6eee3;--lavender:#eae6f1;--peach:#f6e8d8;--ochre:#eee9d4}*{box-sizing:border-box}html{scroll-padding-top:24px}body{background:var(--paper);color:var(--ink);margin:0;font-family:City,Arial,Helvetica,sans-serif;font-size:17px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{background:var(--panel);border:1px solid var(--line);cursor:pointer;min-height:44px}button:disabled{opacity:.5;cursor:default}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.04em;line-height:1.12}h1{font-size:clamp(38px,4.4vw,66px);font-weight:820}h2{font-size:32px;font-weight:760}h3{letter-spacing:-.025em;font-size:21px;font-weight:730}p{max-width:65ch}svg{flex-shrink:0}button:hover:not(:disabled),.button:hover{background:#eae7dd}small,.small{font-size:14px;line-height:1.5}.muted{color:var(--muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{letter-spacing:.115em;color:var(--accent);text-transform:uppercase;font-size:12px;font-weight:720;line-height:1.5}.lead{letter-spacing:-.025em;font-size:21px;line-height:1.45}.button{border:1px solid var(--ink);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:12px 19px;font-size:16px;font-weight:650;display:inline-flex}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover:not(:disabled){background:#ac3215}.full{width:100%}.button-row{flex-wrap:wrap;gap:12px;display:flex}.quiet-link,.quiet-button{align-items:center;gap:12px;min-height:44px;font-size:16px;display:inline-flex}.quiet-link:hover{text-decoration:underline}.skip-link{z-index:100;background:var(--panel);border:2px solid var(--accent);padding:12px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.masthead{border-bottom:1px solid var(--ink);align-items:center;gap:30px;min-height:80px;padding:0 36px;display:flex}.brand{letter-spacing:.08em;white-space:nowrap;align-items:center;gap:14px;min-height:44px;font-size:16px;font-weight:760;display:inline-flex}.brand-mark{grid-template-columns:12px 12px;gap:3px;display:grid}.brand-mark i{background:var(--accent);width:12px;height:12px}.masthead nav{flex:1;justify-content:center;align-self:stretch;align-items:stretch;gap:30px;display:flex}.masthead nav a{align-items:center;min-height:44px;font-size:16px;font-weight:650;display:flex;position:relative}.masthead nav a[aria-current=page]:after{content:"";background:var(--accent);height:3px;position:absolute;bottom:0;left:0;right:0}.header-end a{align-items:center;gap:8px;min-height:44px;font-size:16px;display:inline-flex}footer{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;gap:25px;padding:28px 36px;font-size:14px;display:flex}footer a{align-items:center;min-height:44px;display:flex}.footer-links{flex-wrap:wrap;gap:0 25px;display:flex}.footer-brand{letter-spacing:.07em;font-weight:720}.page-container{max-width:1600px;margin:auto;padding:44px 36px 72px}.detail-section{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.detail-section h3{margin-bottom:16px}.detail-section p{font-size:16px}.explorer{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:30px;display:grid}.explorer:not(:has(.reading-panel)){grid-template-columns:1fr}.explorer-main{min-width:0}.explorer-toolbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.explorer-toolbar h2{margin-top:10px;font-size:28px}.view-toggle{gap:5px;display:flex}.view-toggle button{justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:16px;display:flex}.view-toggle button[aria-pressed=true]{border-color:var(--ink);background:var(--peach)}.search-field{border:1px solid var(--ink);background:var(--panel);align-items:center;gap:12px;min-height:54px;margin-bottom:35px;padding:0 16px;display:flex}.search-field input{outline-offset:0;background:0 0;border:0;width:100%;min-width:0;padding:14px 0;font-size:16px}.search-field button{border:0;place-items:center;width:44px;display:grid}.group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.foundation-card{border:1px solid var(--line);background:var(--mint);grid-column:1/-1;align-items:center;gap:18px;min-height:100px;padding:22px;display:flex}.foundation-card strong,.foundation-card small{display:block}.foundation-card small{margin-top:6px;font-size:16px}.foundation-card>svg:last-child{margin-left:auto}.group-icon{border:1px solid var(--line);place-items:center;width:50px;height:50px;display:grid}.topic-group{scroll-margin-top:25px}.group-heading{background:var(--peach);align-items:start;gap:14px;margin-bottom:15px;padding:18px;display:flex}.tone-1 .group-heading{background:var(--lavender)}.tone-2 .group-heading{background:var(--mint)}.tone-3 .group-heading{background:var(--ochre)}.group-number{border:1px solid #22262930;flex-shrink:0;place-items:center;width:31px;height:31px;font-size:12px;font-weight:700;display:grid}.group-heading h3{font-size:20px}.group-heading p{color:var(--muted);margin-top:9px;font-size:16px;line-height:1.45}.topic-grid{gap:9px;display:grid}.topic-card{border:1px solid var(--line);background:var(--panel);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:14px 15px;font-size:16px;font-weight:620;line-height:1.4;display:flex}.topic-card small{color:var(--muted);margin-top:5px;font-size:16px;font-weight:400;display:block}.topic-card:hover{border-color:var(--accent);background:#f6ecdf}.topic-card.active{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent);background:#fff0df}.list-mode{flex-direction:column;display:flex}.list-mode .topic-card{padding:18px}.reading-panel{border:1px solid var(--ink);background:var(--panel);scrollbar-width:thin;max-height:calc(100svh - 48px);padding:30px;position:sticky;top:24px;overflow:auto}.panel-close{border:0;place-items:center;width:44px;display:grid;position:absolute;top:10px;right:10px}.topic-detail>.eyebrow{padding-right:20px}.topic-detail h2{overflow-wrap:anywhere;margin:18px 0 16px;font-size:33px}.topic-summary{font-size:17px;line-height:1.55}.resource-row{border:1px solid var(--line);align-items:center;gap:12px;margin-bottom:12px;padding:14px 12px;display:flex}.resource-row strong{font-size:16px;display:block}.resource-row small{color:var(--muted);margin-top:4px;font-size:14px;display:block}.resource-row>svg:last-child{margin-left:auto}.affiliate-note{color:var(--muted);margin:0 0 12px;font-size:14px;line-height:1.5}.affiliate-note a{text-decoration:underline}.resource-row:hover{border-color:var(--accent)}.related-row{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin:8px 0;font-size:16px;display:flex}.topic-detail>.quiet-link{border-top:1px solid var(--line);width:100%;margin-top:22px;padding-top:18px}.panel-backdrop{display:none}.search-results .topic-card{margin:9px 0}.search-results>p{margin-bottom:15px}.topic-page{max-width:840px;margin:auto;padding:48px 40px 70px}.topic-page>.topic-detail{margin-top:35px}.topic-page .topic-detail h2{font-size:48px}.topic-page .topic-summary{font-size:20px}.topic-page .detail-section{margin-top:34px;padding-top:28px}.topic-page .resource-row{padding:20px}.topic-provenance{margin-top:45px}.topic-provenance h3{margin-bottom:24px}details{margin-top:26px;font-size:16px}summary{cursor:pointer;min-height:44px;padding-top:10px}details p{margin:10px 0}.about-page{max-width:900px}.about-page h1{margin:18px 0 24px}.about-page h2{margin:46px 0 20px}.about-page p{margin-bottom:20px}.about-page a{text-underline-offset:4px;text-decoration:underline}.source-list{padding-left:20px}.source-list li{margin:10px 0}@media (max-width:1100px){.masthead{gap:18px;padding:0 24px}.brand{font-size:14px}.masthead nav{gap:20px}.page-container{padding-left:24px;padding-right:24px}.explorer{grid-template-columns:minmax(0,1fr) 300px;gap:24px}.reading-panel{padding:24px}.group-grid{grid-template-columns:1fr}.explorer-toolbar{flex-wrap:wrap}}@media (max-width:900px){.masthead{flex-wrap:wrap;gap:10px;min-height:76px;padding:14px 22px 0}.masthead nav{flex:auto;order:3;justify-content:flex-start;gap:30px;width:100%;height:46px}.masthead nav a{font-size:14px}.header-end{margin-left:auto}.header-end a{font-size:14px}.explorer{display:block}.group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-panel{display:none}.reading-panel.mobile-sheet{border:1px solid var(--ink);z-index:61;overscroll-behavior:contain;max-height:85svh;padding:30px;display:block;position:fixed;inset:auto 0 0;overflow:auto}.panel-backdrop{z-index:60;background:#22262966;display:block;position:fixed;inset:0}footer{flex-wrap:wrap;gap:10px 25px;padding:20px 28px}footer p{display:none}}@media (max-width:540px){body{font-size:16px}.masthead{padding:14px 20px 0}.brand{gap:9px;font-size:12px}.brand-mark{grid-template-columns:10px 10px;gap:2px}.brand-mark i{width:10px;height:10px}.home,.page-container{padding:30px 20px 45px}.home-copy .lead,.lead{font-size:18px}.button-row{flex-direction:column;align-items:stretch}.group-grid{grid-template-columns:1fr}.explorer-toolbar h2{font-size:25px}.foundation-card{gap:14px;padding:18px}.foundation-card strong{font-size:18px}.foundation-card small{font-size:16px}.group-icon{width:44px;height:44px}.reading-panel.mobile-sheet{padding:30px 24px}.topic-detail h2{font-size:30px}.topic-page{padding:32px 22px 55px}.topic-page .topic-detail h2{font-size:38px}.topic-page .topic-summary{font-size:18px}.about-page h1{font-size:39px}footer{padding:20px;font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.area-directory{padding-top:55px}@media (prefers-reduced-motion:no-preference){.water-ripples{animation:5s ease-in-out infinite alternate water-drift}@keyframes water-drift{to{opacity:.45;transform:translate(6px,2px)}}@keyframes panel-arrive{0%{opacity:0;transform:translate(12px)}}}@media (max-width:600px){.area-directory{padding-top:30px}}
:root{--masthead:72px;--tone-mint:#23775a;--tone-coral:#c4401f;--tone-lavender:#6447c0;--tone-amber:#93650a}.masthead{z-index:40;background:var(--paper);min-height:var(--masthead);height:var(--masthead);position:sticky;top:0}main{z-index:1;pointer-events:none;position:relative}main>*{pointer-events:auto}footer{z-index:2;background:var(--paper);position:relative}.world-stage{inset:var(--masthead) 0 0 0;z-index:0;position:fixed;overflow:hidden}.world-stage[data-mode=hidden]{visibility:hidden}.world-canvas{touch-action:pan-y;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.world-stage[data-free=true] .world-canvas{touch-action:none}.world-canvas canvas{display:block}.cue-layer{pointer-events:none;opacity:0;transition:opacity .4s;position:absolute;inset:0}.cue-layer[data-ready=true]{opacity:1}.cue{--tone:var(--accent);pointer-events:auto;cursor:pointer;will-change:transform;background:0 0;border:0;width:30px;height:30px;min-height:0;padding:0;position:absolute;top:0;left:0;translate:-50% -50%}.cue[data-tone=mint]{--tone:var(--tone-mint)}.cue[data-tone=coral]{--tone:var(--tone-coral)}.cue[data-tone=lavender]{--tone:var(--tone-lavender)}.cue[data-tone=amber]{--tone:var(--tone-amber)}.cue[data-offscreen=true]{opacity:0;pointer-events:none}.cue:hover,.cue[data-open=true],.cue:focus-visible{z-index:5}.cue:hover:not(:disabled){background:0 0}.cue:focus-visible{outline:none}.cue-pin{place-items:center;display:grid;position:absolute;inset:0}.cue-pin:before{content:"";background:var(--tone);width:12px;height:12px;box-shadow:0 0 0 1.5px var(--ink);border:2px solid #fff;transition:transform .16s;transform:rotate(45deg)}.cue-ring{border:2px solid var(--tone);animation:2.4s ease-out infinite cue-pulse;animation-delay:inherit;opacity:0;position:absolute;inset:6px;transform:rotate(45deg)}@keyframes cue-pulse{0%{opacity:.9;transform:rotate(45deg)scale(.6)}70%{opacity:0;transform:rotate(45deg)scale(1.7)}to{opacity:0;transform:rotate(45deg)scale(1.7)}}.cue[data-open=true] .cue-pin:before,.cue:focus-visible .cue-pin:before{transform:rotate(45deg)scale(1.25)}.cue[data-selected=true] .cue-ring{opacity:1;animation:none;transform:rotate(45deg)scale(1.5)}.cue-label{background:var(--panel);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--tone);letter-spacing:-.01em;white-space:nowrap;opacity:0;pointer-events:none;align-items:center;gap:8px;padding:7px 10px 7px 12px;font-size:15px;font-weight:680;line-height:1.2;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:31px;left:50%;transform:translate(-50%,6px)}.cue-label svg{color:var(--tone)}.cue[data-open=true] .cue-label,.cue:focus-visible .cue-label{opacity:1;transform:translate(-50%)}.cue:focus-visible .cue-label{outline:3px solid var(--accent);outline-offset:2px}.cue-island{width:auto;height:auto;translate:-50% -100%}.cue-island .cue-pin{display:none}.cue-island .cue-label{opacity:1;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;padding:6px 10px;font-size:14px;font-weight:760;position:static;transform:none}.cue-island .cue-label svg{display:none}.cue-island[data-open=true] .cue-label,.cue-island:focus-visible .cue-label{background:var(--ink);color:var(--panel);transform:none}.cue-island[data-open=true] .cue-label svg{color:var(--panel);display:block}@media (prefers-reduced-motion:reduce){.cue-ring{animation:none}}.tour{pointer-events:none;height:660vh;position:relative}.tour-sticky{top:var(--masthead);height:calc(100vh - var(--masthead));height:calc(100dvh - var(--masthead));pointer-events:none;position:sticky}.tour-sticky>*{pointer-events:auto}.tour-heading{background:color-mix(in srgb, var(--paper) 94%, transparent);border:1px solid var(--ink);max-width:470px;padding:22px 26px 24px;transition:opacity .26s,transform .26s;position:absolute;top:28px;left:32px}.tour-heading h1{margin:6px 0 12px;font-size:clamp(34px,3.6vw,54px)}.tour-heading .lead{color:var(--muted);font-size:18px}.tour-heading[data-compact=true]{opacity:0;pointer-events:none;transform:translateY(-10px)}.tour-tools{align-items:center;gap:8px;display:flex;position:absolute;top:24px;right:28px}.tool-button{border:1px solid var(--ink);background:var(--panel);align-items:center;gap:8px;padding:0 14px;font-size:15px;font-weight:650;display:inline-flex}.tool-button.square{justify-content:center;width:44px;padding:0}.tool-button[aria-pressed=true]{background:var(--ink);color:var(--panel)}.tool-button[aria-pressed=true]:hover{background:#3a3f44}.tool-hint{color:var(--muted);background:var(--panel);border:1px solid var(--line);padding:10px 12px;font-size:14px}.tour-hint{background:var(--panel);border:1px solid var(--line);padding:8px 12px;font-size:14px;font-weight:650;position:absolute;bottom:108px;right:32px;pointer-events:none!important}.stage-rail{background:var(--panel);border:1px solid var(--ink);grid-template-columns:repeat(4,1fr);display:grid;position:absolute;bottom:20px;left:32px;right:32px}.stage-rail-line{background:0 0;height:3px;position:absolute;top:-1px;left:0;right:0}.stage-rail-line span{background:var(--accent);transform-origin:0;height:100%;display:block}.stage-rail button{--tone:var(--accent);border:0;border-left:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:10px;min-height:60px;padding:12px 18px;font-weight:680;display:flex}.stage-rail button:first-of-type{border-left:0}.stage-rail button[data-tone=mint]{--tone:var(--tone-mint)}.stage-rail button[data-tone=coral]{--tone:var(--tone-coral)}.stage-rail button[data-tone=lavender]{--tone:var(--tone-lavender)}.stage-rail button[data-tone=amber]{--tone:var(--tone-amber)}.stage-rail button small{border:1px solid var(--ink);place-items:center;width:30px;height:30px;font-size:12px;font-weight:760;display:grid}.stage-rail button[aria-current=step] small{background:var(--tone);color:#fff;border-color:var(--tone)}.stage-rail button[aria-current=step]{background:color-mix(in srgb, var(--tone) 9%, transparent)}.world-panel{background:var(--panel);border:1px solid var(--ink);width:min(430px,34vw);padding:30px 30px 32px;animation:.2s both panel-in;position:absolute;top:24px;bottom:100px;right:28px;overflow-y:auto;box-shadow:6px 6px #2226291f}@keyframes panel-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.world-panel h2{margin:8px 40px 12px 0;font-size:34px}.world-panel h2:focus{outline:none}.panel-lead{font-size:19px;line-height:1.45}.panel-close{border:1px solid var(--line);place-items:center;width:44px;display:grid;position:absolute;top:14px;right:14px}.panel-section{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.panel-section h3{margin-bottom:10px;font-size:17px}.panel-links{gap:8px;display:grid}.panel-link{border:1px solid var(--ink);background:var(--paper);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 14px;font-weight:650;display:flex}.panel-link:hover{background:#eae7dd}.panel-link svg{color:var(--accent)}.panel-roles a{text-underline-offset:3px;font-weight:650;text-decoration:underline}.page-sheet{background:var(--paper);border-top:1px solid var(--ink);position:relative}.directory h2{margin:8px 0 28px}.directory-columns{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.directory-columns h3{border-bottom:1px solid var(--ink);align-items:baseline;gap:10px;padding-bottom:12px;font-size:19px;display:flex}.directory-columns ul{margin:0;padding:0;list-style:none}.directory-columns li a{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:2px 10px;padding:12px 0;display:grid}.directory-columns li a strong{font-weight:680}.directory-columns li a span{color:var(--muted);grid-column:1;font-size:15px;line-height:1.4}.directory-columns li a svg{color:var(--accent);grid-area:1/2/3;align-self:center}.directory-columns li a:hover strong{text-decoration:underline}.foundations-callout h2{margin:8px 0 10px}.foundations-callout .button-row{margin-top:22px}@media (max-width:1100px){.directory-columns{grid-template-columns:repeat(2,1fr)}.stage-rail button{padding:10px 12px;font-size:15px}}@media (max-width:900px){:root{--masthead:100px}.masthead{align-content:flex-start;row-gap:4px;padding:8px 20px 0}.masthead .brand,.masthead .header-end{height:42px}.masthead nav{height:45px}}@media (max-width:760px){.tour-heading{padding:16px 18px;top:12px;left:12px;right:12px}.tour-heading h1{font-size:30px}.tour-heading .lead{font-size:16px}.tour-tools{top:auto;bottom:84px;right:12px}.tool-hint,.tour-hint{display:none}.stage-rail{bottom:8px;left:8px;right:8px}.stage-rail button{flex-direction:column;align-items:flex-start;gap:4px;min-height:64px;padding:8px;font-size:12.5px;line-height:1.2}.stage-rail button small{width:24px;height:24px;font-size:11px}.world-panel{z-index:30;width:auto;max-height:58dvh;padding:24px 20px 28px;animation-name:sheet-in;position:fixed;inset:auto 0 0;box-shadow:0 -8px 24px #2226292e}@keyframes sheet-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.world-panel h2{font-size:28px}.directory-columns{grid-template-columns:1fr}.cue-island .cue-label{padding:4px 7px;font-size:11px}}[data-tone=qa],[data-area=qa]{--tone:#167a6a}[data-tone=cloud-engineer],[data-area=cloud-engineer]{--tone:#2d67ad}[data-tone=ci-cd],[data-area=ci-cd]{--tone:#c4401f}[data-tone=sre],[data-area=sre]{--tone:#93650a}[data-tone=platform-engineer],[data-area=platform-engineer]{--tone:#6a43c9}[data-tone=devsecops],[data-area=devsecops]{--tone:#3b5a8f}[data-tone=foundations],[data-area=foundations]{--tone:#7d5c32}[data-tone=collaboration],[data-area=collaboration]{--tone:#b03f5b}[data-tone=release-management],[data-area=release-management]{--tone:#5e49ad}[data-tone=finops],[data-area=finops]{--tone:#8a6a08}[data-tone=ai-integration],[data-area=ai-integration]{--tone:#0e7f94}.roadmap-stage{height:calc(100vh - var(--masthead));height:calc(100dvh - var(--masthead));pointer-events:none;position:relative}.roadmap-stage>*{pointer-events:auto}.roadmap-heading{max-width:440px}.roadmap-tools{align-items:flex-start;gap:10px;display:flex;position:absolute;top:24px;right:28px}.roadmap-stage:has(.area-panel) .roadmap-tools{left:28px;right:auto}.zoom-tools{gap:6px;display:flex}.skill-search{width:300px;position:relative}.skill-search label{background:var(--panel);border:1px solid var(--ink);align-items:center;gap:10px;height:44px;padding:0 6px 0 14px;display:flex}.skill-search input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:16px}.skill-search label:focus-within{outline:3px solid var(--accent);outline-offset:2px}.skill-search label button{border:0;place-items:center;width:32px;min-height:32px;display:grid}.skill-results{background:var(--panel);border:1px solid var(--ink);max-height:60vh;position:absolute;top:50px;left:0;right:0;overflow:auto;box-shadow:6px 6px #2226291f}.skill-results a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.skill-results a:hover{background:#eae7dd}.skill-results strong{font-weight:680;display:block}.skill-results small{color:var(--muted)}.skill-results p{padding:12px 14px}.area-panel{bottom:96px}.panel-back{min-height:36px;color:var(--muted);align-items:center;gap:6px;margin-bottom:6px;font-size:14px;font-weight:650;display:inline-flex}.panel-back:hover{color:var(--ink)}.world-panel .panel-title{margin:8px 40px 12px 0;font-size:34px}.topic-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.topic-chips a{border:1px solid var(--ink);background:var(--paper);align-items:center;gap:6px;min-height:40px;padding:6px 12px;font-size:15px;font-weight:620;display:inline-flex}.topic-chips a:hover{background:#eae7dd}.topic-chips svg{color:var(--accent)}.area-panel>.panel-link{margin-top:22px}.area-dock{background:var(--panel);border:1px solid var(--ink);scrollbar-width:none;gap:0;display:flex;position:absolute;bottom:20px;left:28px;right:28px;overflow-x:auto}.area-dock a{--tone:var(--accent);white-space:nowrap;border-left:1px solid var(--line);flex:1 0 auto;align-items:center;gap:8px;min-height:56px;padding:0 16px;font-size:15px;font-weight:660;display:flex}.area-dock a:first-child{border-left:0}.area-dock a[data-kind]:not([data-kind=main]){color:var(--muted);font-weight:600}.area-dock i{background:var(--tone);flex-shrink:0;width:10px;height:10px;transform:rotate(45deg)}.area-dock a:hover{background:#eae7dd}.area-dock a[aria-current=page]{background:color-mix(in srgb, var(--tone) 12%, var(--panel));color:var(--ink);box-shadow:inset 0 -3px 0 var(--tone)}.area-directory h2{margin:8px 0 26px}.area-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.area-card{--tone:var(--accent);border:1px solid var(--ink);background:var(--panel);box-shadow:4px 4px 0 var(--tone);gap:10px;padding:20px 22px;display:grid}.area-card:hover{box-shadow:6px 6px 0 var(--tone);transform:translate(-1px,-1px)}.area-card-title{letter-spacing:-.02em;align-items:center;gap:10px;font-size:21px;font-weight:740;display:flex}.area-card-title svg{color:var(--tone);margin-left:auto}.area-card-title i{background:var(--tone);width:12px;height:12px;transform:rotate(45deg)}.area-card-groups{color:var(--muted);font-size:15px;line-height:1.5}.area-subhead{margin:36px 0 16px}.related-strip{border-top:1px solid var(--line);margin-top:48px;padding-top:32px}.related-strip h2{margin:0 0 6px}.related-strip .button-row{margin-top:18px}.cue-group .cue-label{font-size:14px}@media (max-width:1100px){.area-cards{grid-template-columns:repeat(2,1fr)}.skill-search{width:220px}}@media (max-width:760px){.roadmap-tools{inset:auto 12px 84px}.roadmap-stage:has(.area-panel) .roadmap-tools{display:none}.skill-search{flex:1;width:auto}.skill-results{top:auto;bottom:50px}.area-dock{bottom:8px;left:8px;right:8px}.area-dock a{min-height:52px;padding:0 12px;font-size:14px}.area-panel{max-height:46vh;bottom:0}.roadmap-stage:has(.area-panel) .area-dock{display:none}.area-cards{grid-template-columns:1fr}}.home-stage{height:calc(100vh - var(--masthead));height:calc(100dvh - var(--masthead));pointer-events:none;position:relative}.home-card{pointer-events:auto;background:color-mix(in srgb, var(--paper) 95%, transparent);border:1px solid var(--ink);width:min(560px,100% - 80px);padding:34px 36px 36px;position:absolute;top:50%;left:40px;transform:translateY(-50%);box-shadow:8px 8px #2226291f}.home-card h1{margin:10px 0 14px;font-size:clamp(36px,3.8vw,56px)}.home-card .lead{color:var(--muted);font-size:19px}.home-entries{gap:12px;margin-top:26px;display:grid}.home-entries a{--tone:var(--accent);border:1px solid var(--ink);background:var(--panel);box-shadow:4px 4px 0 var(--tone);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;transition:transform .14s,box-shadow .14s;display:flex}.home-entries a[data-tone=coral]{--tone:var(--tone-coral)}.home-entries a[data-tone=lavender]{--tone:var(--tone-lavender)}.home-entries a:hover{box-shadow:6px 6px 0 var(--tone);transform:translate(-2px,-2px)}.home-entries span{gap:2px;display:grid}.home-entries small{letter-spacing:.1em;text-transform:uppercase;color:var(--tone);font-size:12px;font-weight:720}.home-entries strong{letter-spacing:-.02em;font-size:20px;font-weight:740}.home-entries em{color:var(--muted);font-size:15px;font-style:normal}.home-entries svg{color:var(--tone)}@media (max-width:760px){.home-card{width:auto;padding:22px 20px;inset:auto 12px 12px;transform:none}.home-card h1{font-size:30px}.home-card .lead{font-size:16px}}