/* Each section has a reading rhythm and dominant object of its own. */
.identity-scene{display:block;width:100%;height:auto;overflow:visible}
.identity-scene text{fill:var(--ink);font:600 15px Manrope,sans-serif}
.scene-node{fill:var(--node-fill)}
.scene-edge{fill:none;stroke:var(--accent-border);stroke-width:2}
.scene-frame{fill:none;stroke:var(--line);stroke-width:1.5}
.content-page :is(.docs-reading,.lesson-screen,.model-template,.community-conversations){min-width:0}
.content-page [hidden]{display:none!important}
.preview-veil-page>.preview-veil-cover .preview-veil-title{font-size:clamp(38px,5.8vw,72px);letter-spacing:-.035em;text-transform:none;max-width:18ch}
.preview-veil-status{font-size:12px;color:#e0e7dc;border:1px solid #81917f;border-radius:999px;padding:6px 14px;margin:21px 0 0}
.preview-veil-page>.preview-veil-cover .preview-veil-description{font-size:16px;max-width:40ch;margin-top:25px}
.preview-veil-page>.preview-veil-cover .preview-veil-mark{margin-bottom:30px}
.preview-veil-page>.preview-veil-toolbar{box-shadow:none}

/* Developer guides: compact headings, persistent navigation, generous reading column. */
.docs-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:clamp(36px,5vw,88px);padding-top:40px}
.docs-sidebar{position:sticky;top:calc(var(--header) + 26px);align-self:start;max-height:calc(100svh - var(--header) - 48px);overflow:auto;padding:5px 0 24px}
.docs-label{font-size:14px;font-weight:800;margin-bottom:20px}
.docs-nav-disclosure>summary{display:none}
.docs-sidebar nav{display:flex;flex-direction:column;gap:3px}
.docs-sidebar nav a{display:flex;justify-content:space-between;gap:12px;min-height:42px;align-items:center;font-size:13px;color:var(--muted);padding:9px 12px;border-radius:4px}
.docs-sidebar nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:800}
.docs-sidebar nav a:hover{color:var(--accent);background:var(--surface)}
.docs-pending{font-size:12px}.docs-legend{font-size:11px;line-height:1.8;color:var(--muted);margin:24px 12px}
.docs-sample{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:20px 12px;font-size:12px;line-height:1.8;color:var(--accent)}
.docs-reading{max-width:1040px;padding-bottom:70px}
.family-docs .page-hero{padding:5px 0 38px;max-width:880px}
.family-docs .page-hero h1{font-size:clamp(28px,3vw,44px);line-height:1.25;max-width:22ch;letter-spacing:-.025em}
.family-docs .page-hero .page-eyebrow{font-size:11px;margin-bottom:17px;color:var(--muted)}
.family-docs .page-lede{font-size:16px;line-height:1.85;max-width:68ch;margin-top:20px}
.family-docs h2{font-size:26px}.family-docs h3{font-size:18px}
.family-docs .page-section{padding:36px 0}.family-docs .bottom-invite{margin-top:32px;padding:30px 0;gap:24px}.family-docs .bottom-invite h2{font-size:23px}
.family-docs .preview-frame{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;margin-bottom:36px}
.family-docs .preview-frame-bar{padding:20px 0;background:transparent}.family-docs .preview-body{padding:12px 0 28px}.family-docs .preview-caption{padding:12px 0}
.family-docs .preview-veil:not(.preview-veil-page){border-radius:0}.family-docs .preview-directory-link{padding-block:22px;min-height:80px}
.family-docs .preview-notice{margin:0 0 26px;font-size:12px}.family-docs .preview-directory-link h3{font-size:17px}
.family-docs .preview-specs{font-size:14px}.family-docs .link-list{grid-template-columns:1fr;gap:0}
.family-docs .definition-list{max-width:860px}.family-docs .definition-list>div{padding-block:24px}
.family-docs .preview-file-tree{background:var(--surface);padding:18px 24px}
.api-workbench{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin:22px 0 28px;border:1px solid var(--line)}
.api-workbench>section{min-width:0;padding:27px;background:#f1f3ee}
.api-workbench h2{font-size:18px;margin:0 0 12px}.api-workbench p{font-size:13px;color:#596153;line-height:1.8;min-height:47px}
.api-workbench .preview-code{margin:20px -27px -27px;border-radius:0;background:#202b24;padding:24px;min-height:238px}
.api-workbench .preview-code pre{color:#eef3e8;font-size:13px;line-height:1.9}.api-workbench .preview-label{color:#c1cfbb}

/* Learn: a chapter rail and a large, quiet viewing surface. */
.family-learn .page-hero,.family-catalogue .page-hero{display:grid;grid-template-columns:1.2fr 1fr;column-gap:10%;max-width:none;padding:55px 0 44px;align-items:end}
.family-learn .page-eyebrow,.family-catalogue .page-eyebrow{grid-column:1/-1;margin-bottom:18px}
.family-learn .page-hero h1,.family-catalogue .page-hero h1{font-size:clamp(34px,4vw,58px);line-height:1.18}
.family-learn .page-lede,.family-catalogue .page-lede{font-size:15px;max-width:46ch;margin:0;line-height:1.9}
.learning-theatre{display:grid;grid-template-columns:280px minmax(0,1fr);background:#202c25;border:1px solid #344239;min-height:490px;margin-bottom:44px}
.lesson-chapters{display:flex;flex-direction:column;padding:32px 25px;background:#ecf0e6;color:#354331}
.lesson-chapters>p{font-size:17px;line-height:1.7;font-weight:800;margin-bottom:28px;max-width:18ch}
.lesson-chapters [role=tablist]{display:flex;flex-direction:column}
.lesson-chapters button[data-preview-tab]{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:19px 0;border:0;border-top:1px solid #c9d1c2;background:transparent;color:#626d5b;font:inherit;font-size:13px;min-height:67px}
.lesson-chapters button[aria-selected=true]{color:#23381f}.lesson-chapters button[aria-selected=true] .lesson-number{background:#354c2d;color:#fff}
.lesson-number{font-size:10px;border:1px solid #9aa991;border-radius:50%;min-width:28px;height:28px;display:grid;place-items:center;font-variant-numeric:tabular-nums}
.lesson-chapters strong{font-weight:600;line-height:1.5}.lesson-chapters button>span:last-child{margin-left:auto}
.lesson-chapters>small{margin:24px 0 20px;font-size:11px;line-height:1.9;color:#5b6754}.lesson-chapters>.future-action{margin-top:auto;font-size:12px;padding:12px 8px}
.lesson-screen{display:flex;flex-direction:column;color:#f2f6eb;padding:32px clamp(25px,3.5vw,62px) 20px;--ink:#e7eedf;--node-fill:#708362;--accent-border:#738369}
.lesson-scene{flex:1;outline-offset:5px}.lesson-counter{font-size:11px;font-variant-numeric:tabular-nums;color:#c2cfb7;display:flex;gap:17px;align-items:center;margin-bottom:23px}
.lesson-scene h2{font-size:clamp(23px,2.6vw,36px);color:#f2f6eb;line-height:1.35;max-width:25ch}
.lesson-screen .identity-scene{max-height:270px;margin:15px 0 0}.lesson-screen .identity-scene text{fill:#eef3e8;font-size:14px}
.lesson-description{font-size:14px;line-height:1.9;color:#c5d2bd;max-width:62ch;margin:12px 0 25px}
.lesson-screen-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #52624c;padding-top:16px;font-size:11px;color:#c5d2bd}
.lesson-screen-footer .coming-soon{color:#e7eedf;background:transparent;border-color:#7b8d72}
.lesson-mapping{display:flex;align-items:center;justify-content:center;gap:24px;margin:54px 0 23px}
.lesson-mapping>div{flex:1;border:1px solid #617358;padding:25px 18px;display:flex;flex-direction:column;gap:20px;min-width:0}
.lesson-mapping span,.lesson-mapping small{color:#c5d2bd;font-size:11px}.lesson-mapping code{font-size:clamp(13px,1.5vw,20px);overflow-wrap:anywhere;color:#fff}
.lesson-key{text-align:center;font:12px ui-monospace,monospace;color:#c5d2bd;margin-bottom:46px}
.lesson-answer{margin:36px 0 27px;padding:25px 28px;background:#2d3c31;border-radius:5px;display:flex;flex-direction:column;gap:17px}.lesson-answer>span{font-size:12px;color:#d1dec8;font-weight:800}.lesson-answer p{font-size:16px;line-height:1.8}.lesson-answer strong{font-size:36px;font-weight:600;letter-spacing:-.03em}.lesson-answer small{font-size:11px;color:#c5d2bd}
.learning-next{display:flex;justify-content:space-between;gap:35px;padding:15px 0 80px}.learning-next h2{font-size:24px;line-height:1.5}.learning-next p{font-size:14px;color:var(--muted);margin-top:14px;line-height:1.8}.learning-next>div:last-child{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}

/* Templates: model shapes are the browsing surface. */
.catalogue-controls{display:flex;justify-content:space-between;align-items:end;gap:25px;padding:0 0 28px;border-bottom:1px solid var(--line)}
.catalogue-filters{display:flex;flex-wrap:wrap;gap:7px}.catalogue-filters button{font:inherit;font-size:12px;border:0;border-radius:4px;background:transparent;color:var(--muted);min-height:42px;padding:10px 15px}.catalogue-filters button[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.catalogue-search{display:flex;flex-direction:column;font-size:11px;gap:8px;max-width:100%}.catalogue-search input{width:230px;max-width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;font:inherit;font-size:14px;color:var(--ink);padding:8px 0;min-height:40px}
.model-catalogue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 34px;margin:30px 0 70px}
.model-template:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;gap:0 45px;align-items:start}
.template-art{background:#e9eee3;padding:20px;margin-bottom:22px;align-self:stretch;display:flex;align-items:center}
.model-template:first-child .template-art{grid-row:1/5;margin:0}.template-art .identity-scene{max-height:280px}
.template-caption{display:flex;align-items:center;justify-content:space-between;gap:18px}.template-caption h2{font-size:25px}
.model-template>p{font-size:15px;line-height:1.8;color:var(--muted);margin:14px 0 25px}.model-template details{border-top:1px solid var(--line)}
.model-template summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;padding:16px 0;font-size:13px;min-height:48px;list-style:none}.model-template details[open] summary>span:last-child{transform:rotate(45deg)}
.model-template dl{font-size:13px;line-height:1.9;margin:10px 0 20px}.model-template dt{font-weight:800;margin-top:16px}.model-template dd{margin:5px 0;color:var(--muted)}.model-template .future-action{margin:15px 0 0;font-size:12px}.catalogue-empty{padding:48px 0 70px;color:var(--muted)}

/* Community: conversation rows and clear contribution routes. */
.family-community .page-hero{max-width:100%;padding:46px 0 42px}.family-community .page-hero h1{font-size:clamp(34px,4.1vw,60px);max-width:22ch}.family-community .page-lede{font-size:16px;max-width:62ch}
.community-workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(30px,5vw,90px);margin:10px 0 65px;padding-top:35px;border-top:1px solid var(--line)}
.community-workspace>aside h2{font-size:16px;margin-bottom:24px}.community-workspace>aside .text-link{display:flex;font-size:13px;margin:12px 0;justify-content:space-between}.community-workspace>aside>p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:30px;max-width:27ch}
.conversation-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.conversation-heading h2{font-size:25px}
.community-conversations .preview-tab-buttons{margin-bottom:0}.discussion-row{display:flex;gap:25px;padding:29px 0;border-bottom:1px solid var(--line)}
.discussion-symbol{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;flex-shrink:0;font-size:19px;color:var(--muted)}
.discussion-row h3{font-size:18px;line-height:1.6}.discussion-row p,.contribution-path p,.discussion-feature p{font-size:14px;line-height:1.85;color:var(--muted);max-width:65ch;margin:14px 0}.discussion-row .text-link{font-size:12px}.community-conversations .future-action{margin-top:25px}
.discussion-feature .identity-scene{max-width:560px;margin-top:20px}.contribution-path{padding-top:28px}.contribution-path ol{padding-left:23px;margin:25px 0;font-size:14px;line-height:2.5}
.family-community .preview-frame{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}.family-community .preview-frame-bar{padding-left:0;background:transparent}.family-community .preview-body{padding:15px 0 35px}

/* Solutions: the business question sits beside its own concrete visual. */
.family-case .page-hero{padding:45px 0 36px;max-width:none}.family-case .page-hero h1{font-size:clamp(34px,4vw,57px);max-width:25ch}.family-case .page-lede{font-size:15px;max-width:65ch}
.case-brief{display:grid;grid-template-columns:1fr 1fr;min-height:325px;margin:0 0 50px;background:var(--surface)}
.case-question{padding:38px;display:flex;flex-direction:column;justify-content:center}.case-question>p{font-size:12px;color:var(--accent);margin-bottom:20px}.case-question h2{font-size:clamp(24px,2.5vw,34px);line-height:1.45;max-width:25ch}.case-question small{font-size:11px;color:var(--muted);line-height:1.8;margin-top:26px}
.case-scene{position:relative;padding:30px;display:flex;flex-direction:column;justify-content:center;gap:25px;background:var(--accent-soft)}
.case-route{display:flex;list-style:none;gap:15px;justify-content:center;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--accent);padding:0;margin:0}.case-route li+li:before{content:'→';margin-right:15px;color:var(--muted)}
.case-document{width:160px;padding:22px 20px;background:var(--bg);border:1px solid var(--accent-border);align-self:center;transform:rotate(-5deg)}
.case-document>*{display:block;height:3px;background:var(--line);margin:12px 0}.case-document>span{height:6px;width:50%;background:var(--accent)}.case-document strong{height:21px;background:var(--accent-soft);border:1px solid var(--accent-border)}.case-document i:nth-child(3n){width:70%}
.case-floor{width:220px;height:160px;align-self:center;display:grid;grid-template-columns:1fr 1fr;gap:9px;position:relative;border:1px solid var(--accent-border);padding:8px}.case-floor i{border:1px solid var(--accent-border);background:var(--bg)}.case-floor span{position:absolute;top:28%;left:68%;width:21px;height:21px;border-radius:50%;background:var(--node-fill);outline:9px solid var(--accent-soft)}
.case-batch{display:flex;align-items:center;gap:10px;justify-content:center;height:170px;flex-wrap:wrap;max-width:260px;align-self:center}.case-batch i{width:45px;height:60px;border:1px solid var(--accent-border);background:var(--bg)}.case-batch i:nth-child(2){transform:translateY(-14px)}.case-batch span{color:var(--accent);font-size:35px}.case-batch strong{width:70px;height:60px;background:var(--node-fill);border-radius:3px}
.family-case .model-figure{padding:25px 0;margin-bottom:35px;border:0;background:transparent}.family-case .type-map{max-height:220px}
.family-case .editorial-grid{grid-template-columns:.7fr 1.3fr}.family-case .page-section{padding:44px 0}
.family-case[data-page=solutions] main>.link-list{display:flex;flex-direction:column;gap:0}.family-case[data-page=solutions] main>.link-list .link-entry{grid-template-columns:1fr 1fr auto;align-items:center;gap:25px;padding:38px 0}.family-case[data-page=solutions] main>.link-list h3{font-size:28px}.family-case[data-page=solutions] main>.link-list p{grid-column:2}.family-case[data-page=solutions] main>.link-list .link-entry>span{grid-column:3}

/* Journal and articles: a featured story, then a quieter reading rhythm. */
.family-journal .page-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:18px 8%;max-width:none;padding:55px 0 48px;align-items:end}.family-journal .page-eyebrow{grid-column:1/-1;margin:0}.family-journal .page-hero h1{font-size:clamp(36px,4.5vw,64px)}.family-journal .page-lede{font-size:15px;margin:0;max-width:48ch}
.family-journal .article-list{grid-template-columns:1fr 1fr;gap:50px 40px;padding-bottom:40px}
.family-journal .article-tile:first-child{grid-column:1/-1;padding-top:0;border:0}
.family-journal .article-tile:first-child>a{display:grid;grid-template-columns:1.25fr 1fr;gap:0 48px;align-items:start}
.family-journal .article-tile:first-child .article-art{grid-row:1/6;margin:0;aspect-ratio:1.65;padding:28px;background:var(--accent-soft)}
.family-journal .article-tile:first-child small{margin-top:10px}.family-journal .article-tile:first-child h2{font-size:clamp(26px,2.9vw,40px);line-height:1.3;max-width:25ch}
.family-journal .article-art svg{max-height:none}.family-journal .article-tile:not(:first-child) .article-art{aspect-ratio:2.2}
.family-article .page-hero{max-width:850px;padding:58px 0 40px}.family-article .page-hero h1{font-size:clamp(35px,4vw,56px);line-height:1.2;max-width:24ch}.family-article .page-lede{max-width:58ch;font-size:18px}.family-article .article-layout{grid-template-columns:minmax(0,760px) 230px;gap:clamp(35px,6vw,100px)}.family-article .prose{font-size:17px;line-height:1.95}.family-article .article-sidebar{position:sticky;top:calc(var(--header) + 35px)}
.family-article .bottom-invite h2{font-size:28px}

/* Progress: milestones, dates and one continuous reading axis. */
.family-timeline .page-hero{padding:50px 0 35px;max-width:900px}.family-timeline .page-hero h1{font-size:clamp(34px,4vw,56px)}.family-timeline .page-lede{font-size:16px;max-width:60ch}
.timeline-heading{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:20px 0 30px;margin-bottom:30px;border-bottom:1px solid var(--line);font-size:13px}.timeline-heading>span:last-child{color:var(--muted);font-size:12px}.timeline-live-dot{width:9px;height:9px;border-radius:50%;background:#527c35}
.family-timeline .preview-frame{border:0;background:transparent;border-radius:0}.family-timeline .preview-frame-bar{padding:0 0 20px;background:transparent}.family-timeline .preview-body{padding:10px 0 35px}.family-timeline .preview-timeline{grid-template-columns:170px minmax(0,1fr);gap:40px;border-top:0;position:relative}.family-timeline .preview-timeline:before{content:'';position:absolute;left:184px;top:12px;bottom:0;width:1px;background:var(--line)}.family-timeline .preview-timeline:after{content:'';position:absolute;left:179px;top:34px;width:11px;height:11px;border-radius:50%;background:var(--accent)}
.family-timeline .preview-specs{margin-left:210px}.family-timeline .data-table th:first-child,.family-timeline .data-table td:first-child{width:190px;font-variant-numeric:tabular-nums}
.family-timeline .roadmap-list{max-width:1120px;margin:0 0 60px}
.family-timeline .roadmap-step{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr);gap:60px;padding:0 0 45px;margin:0;border:0;min-height:210px}
.family-timeline .roadmap-step:before{content:'';position:absolute;left:201px;top:11px;bottom:0;width:1px;background:var(--line)}
.family-timeline .roadmap-step:after{content:'';position:absolute;left:196px;top:6px;width:11px;height:11px;background:var(--bg);border:1px solid var(--line);border-radius:50%}
.family-timeline .roadmap-step:first-child:after{background:#527c35;border-color:#527c35}.family-timeline .roadmap-step:last-child:before{bottom:38px}
.family-timeline .roadmap-step h2{font-size:28px;line-height:1.4;margin:0 0 22px}.family-timeline .roadmap-step p{font-size:15px;line-height:1.9;max-width:63ch}.family-timeline .phase-index{font-size:11px;padding-top:4px;align-self:start}
.release-history summary{display:flex;justify-content:space-between;gap:25px;align-items:center;cursor:pointer;list-style:none;min-height:50px;margin-bottom:24px}.release-history summary h2{font-size:26px}.release-history summary>span{font-size:24px}.release-history details:not([open]) summary>span{transform:rotate(-90deg)}

/* Product: an explorable model carries the opening, followed by evidence. */
.family-product .page-hero{max-width:100%;display:grid;grid-template-columns:1.2fr 1fr;gap:20px 8%;padding:60px 0 42px;align-items:center}.family-product .page-eyebrow{grid-column:1/-1;margin:0}.family-product .page-hero h1{font-size:clamp(38px,4.5vw,64px)}.family-product .page-lede{font-size:16px;margin:0;max-width:45ch}.family-product .page-actions{grid-column:1/-1;margin:0}
.product-stage{padding:26px 38px 35px;background:var(--ink);color:var(--bg);margin-bottom:65px;--stage-ink:#edf2e7}
.product-stage .preview-tab-buttons{justify-content:center;border-color:#63715e;margin-bottom:28px;gap:12px}.product-stage .preview-tab-buttons button{color:#d6dfcf;min-width:110px}.product-stage .preview-tab-buttons button[aria-selected=true]{background:#edf2e7;color:#263020}
.product-stage .preview-tab-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;min-height:285px}.product-stage .preview-panel-heading{grid-column:1/-1;color:#d6dfcf}
.product-stage-copy h2{font-size:clamp(26px,3vw,40px);line-height:1.3;color:var(--stage-ink);max-width:16ch}.product-stage-copy p{font-size:14px;line-height:1.9;color:#cbd6c4;margin-top:24px;max-width:36ch}.product-stage .identity-scene text{fill:#edf2e7;font-size:14px}.product-stage .scene-edge{stroke:#92a982}
.product-mappings{display:flex;flex-direction:column;gap:25px;font-size:clamp(12px,1.4vw,18px)}.product-mappings>div{display:flex;gap:20px;justify-content:space-between;padding:15px 0;border-bottom:1px solid #63715e}.product-mappings code{overflow-wrap:anywhere;min-width:0;color:#edf2e7}.product-mappings span{color:#cbd6c4}
.product-result{display:flex;flex-direction:column;align-items:flex-start;gap:25px;padding:35px}.product-result strong{font-size:clamp(32px,4vw,55px);font-weight:600;letter-spacing:-.03em;color:#edf2e7}.product-result>span{font-size:15px;color:#cbd6c4}.product-result .text-link{color:#edf2e7}
.family-start .page-hero{max-width:850px}.family-start .start-now{padding:25px 0 35px;border-bottom:1px solid var(--line);margin-bottom:40px}

:is(.docs-sidebar,.learning-theatre,.catalogue-controls,.model-template,.community-workspace,.product-stage) :is(a,button,input,summary,[role=tabpanel]):focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:1150px){.docs-layout{grid-template-columns:180px minmax(0,1fr);gap:34px}.learning-theatre{grid-template-columns:235px minmax(0,1fr)}.lesson-chapters{padding:25px 18px}.community-workspace{grid-template-columns:210px minmax(0,1fr);gap:35px}.api-workbench{grid-template-columns:1fr}.api-workbench .preview-code{min-height:190px}.family-docs .preview-split{grid-template-columns:1fr}.family-docs .preview-steps{flex-direction:column}.family-docs .preview-specs>div{grid-template-columns:1fr;gap:8px}}
@media(max-width:850px){.docs-layout{grid-template-columns:1fr;padding-top:22px;gap:24px}.docs-sidebar{position:static;max-height:none;overflow:visible;border-bottom:1px solid var(--line);padding-bottom:18px}.docs-sidebar nav{flex-direction:row;flex-wrap:wrap;gap:5px}.docs-sidebar nav a{font-size:11px;padding:8px 10px;min-height:38px}.docs-label{margin-bottom:13px}.docs-legend{margin:12px 0 0;font-size:10px}.docs-sample{display:none}.family-docs .page-hero h1{font-size:34px}.learning-theatre{grid-template-columns:1fr}.lesson-chapters{display:block;padding:22px}.lesson-chapters>p{max-width:none;margin-bottom:16px}.lesson-chapters [role=tablist]{flex-direction:column;gap:8px}.lesson-chapters button[data-preview-tab]{width:auto;flex:1;border-top:0;padding:8px 0;font-size:12px;min-width:145px}.lesson-chapters button>span:last-child{display:none}.lesson-chapters>small{display:block;margin:10px 0 16px}.lesson-chapters>.future-action{min-height:40px}.lesson-screen{min-height:430px}.community-workspace{grid-template-columns:1fr;gap:25px}.community-workspace>aside{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:baseline}.community-workspace>aside h2{width:100%;margin:0}.community-workspace>aside>p{max-width:none;width:100%;margin:0 0 10px}.community-workspace>aside .text-link{margin:0}.case-brief{grid-template-columns:1fr 1fr}.case-question{padding:26px}.case-scene{padding:20px}.case-floor{width:170px}.family-article .article-layout{grid-template-columns:minmax(0,1fr)}.family-article .article-sidebar{position:static;border-top:1px solid var(--line);padding-top:20px}.product-stage{padding:22px 26px}.product-stage .preview-tab-panel{grid-template-columns:1fr}.product-stage-copy{display:flex;gap:35px;align-items:start}.product-stage-copy h2{font-size:29px;flex:1}.product-stage-copy p{margin:0;flex:1}.product-stage .identity-scene{max-height:290px}.product-result{padding:15px 0}.family-timeline .preview-timeline{grid-template-columns:135px minmax(0,1fr);gap:25px}.family-timeline .preview-timeline:before{left:143px}.family-timeline .preview-timeline:after{left:138px}.family-timeline .preview-specs{margin-left:160px}}
@media(max-width:650px){.family-learn .page-hero,.family-catalogue .page-hero,.family-journal .page-hero,.family-product .page-hero{grid-template-columns:1fr;gap:20px;padding:35px 0}.family-learn .page-hero h1,.family-catalogue .page-hero h1,.family-journal .page-hero h1,.family-product .page-hero h1{font-size:clamp(32px,8vw,44px)}.family-learn .page-lede,.family-catalogue .page-lede,.family-journal .page-lede{max-width:100%}.family-case .page-hero h1,.family-timeline .page-hero h1,.family-community .page-hero h1{font-size:clamp(32px,8vw,44px)}.family-docs .page-hero h1{font-size:29px;max-width:none}.learning-theatre{margin-inline:0}.lesson-screen{padding:25px 20px 18px}.lesson-scene h2{font-size:26px}.lesson-mapping{gap:12px;margin:36px 0 25px;flex-wrap:wrap}.lesson-mapping>div{padding:20px 12px;gap:16px}.lesson-key{font-size:10px}.lesson-description{font-size:13px}.lesson-chapters [role=tablist]{gap:6px}.lesson-chapters button[data-preview-tab]{min-width:100%;gap:12px;min-height:48px}.lesson-screen .identity-scene{min-height:165px}.lesson-answer strong{font-size:31px}.learning-next{flex-direction:column;gap:18px;padding-bottom:50px}.learning-next h2{font-size:23px}.catalogue-controls{flex-direction:column;align-items:stretch;gap:18px}.catalogue-search input{width:100%}.model-catalogue{grid-template-columns:1fr;gap:35px}.model-template:first-child{display:block}.model-template:first-child .template-art{margin-bottom:22px}.template-caption h2{font-size:23px}.template-art{padding:12px}.family-journal .article-list{grid-template-columns:1fr;gap:30px}.family-journal .article-tile:first-child>a{display:block}.family-journal .article-tile:first-child .article-art{margin-bottom:24px;padding:15px}.family-journal .article-tile:first-child h2{font-size:28px}.family-article .page-hero h1{font-size:34px}.family-article .prose{font-size:16px}.case-brief{grid-template-columns:1fr}.case-question{padding:26px}.case-question h2{font-size:25px}.case-scene{min-height:250px}.family-case .editorial-grid{grid-template-columns:1fr}.family-case[data-page=solutions] main>.link-list .link-entry{grid-template-columns:1fr auto;padding:28px 0}.family-case[data-page=solutions] main>.link-list h3{font-size:25px}.family-case[data-page=solutions] main>.link-list p{grid-column:1}.family-case[data-page=solutions] main>.link-list .link-entry>span{grid-column:2}.family-timeline .preview-timeline{grid-template-columns:1fr;gap:18px}.family-timeline .preview-timeline:before,.family-timeline .preview-timeline:after{display:none}.family-timeline .preview-specs{margin-left:0}.family-timeline .data-table{font-size:12px}.timeline-heading{align-items:flex-start;gap:10px}.timeline-heading>span:last-child{flex-basis:100%;line-height:1.8}.timeline-live-dot{margin-top:5px}.community-workspace{margin-top:0;padding-top:20px}.conversation-heading h2{font-size:22px}.discussion-row{gap:16px}.discussion-symbol{width:32px;height:32px;font-size:17px}.discussion-row h3{font-size:16px}.community-conversations .preview-tab-buttons button{font-size:12px;padding-inline:12px}.product-stage{padding:18px}.product-stage .preview-tab-buttons{gap:0}.product-stage .preview-tab-buttons button{min-width:80px;font-size:12px}.product-stage-copy{display:block}.product-stage-copy h2{font-size:28px;max-width:22ch}.product-stage-copy p{margin-top:18px}.product-stage .identity-scene{min-height:170px}.product-mappings{gap:10px}.product-mappings>div{gap:10px}.preview-veil-page>.preview-veil-cover .preview-veil-title{font-size:clamp(34px,8.5vw,48px)}.preview-veil-page>.preview-veil-cover .preview-veil-description{font-size:14px}.api-workbench>section{padding:22px}.api-workbench .preview-code{margin-inline:-22px;margin-bottom:-22px;padding:22px}.api-workbench .preview-code pre{font-size:12px}}
@media(prefers-reduced-motion:reduce){.model-template details[open] summary>span:last-child{transform:none}}
@media(forced-colors:active){.lesson-screen,.product-stage,.api-workbench .preview-code{background:Canvas;color:CanvasText}.lesson-screen *,.product-stage *,.api-workbench .preview-code *{color:CanvasText}.scene-node{fill:CanvasText}.identity-scene text{fill:CanvasText}.scene-edge{stroke:CanvasText}.lesson-chapters button[aria-selected=true],.docs-sidebar nav a[aria-current=page]{outline:1px solid Highlight}.preview-veil-status{color:CanvasText;border-color:CanvasText}}
@media(max-width:850px){.family-timeline .roadmap-step{grid-template-columns:135px minmax(0,1fr);gap:35px}.family-timeline .roadmap-step:before{left:149px}.family-timeline .roadmap-step:after{left:144px}.family-timeline .roadmap-step h2{font-size:25px}}
@media(max-width:650px){.family-timeline .roadmap-step{grid-template-columns:1fr;gap:17px;padding-left:24px;padding-bottom:40px;min-height:0}.family-timeline .roadmap-step:before{left:0}.family-timeline .roadmap-step:after{left:-5px}.family-timeline .roadmap-step h2{font-size:25px;margin-bottom:18px}.family-timeline .roadmap-step p{font-size:14px}.release-history summary h2{font-size:23px}}
@media(max-width:850px){.docs-label{display:none}.docs-nav-disclosure>summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;font-size:13px;font-weight:600;min-height:44px}.docs-nav-disclosure nav{padding-top:10px}.docs-legend{margin-top:8px}}