/* Shared primitives for the ten additional layouts. All colors follow appearance tokens. */
.extended-layout{--layout-gap:40px}
.extended-layout :where(figure){margin:0}
.extended-layout :where(.product-container>*,.layout-mosaic>*,.tour-row>*,.timeline-step>*){min-width:0}
.layout-hero{border-bottom:1px solid var(--line);background:var(--hero-bg)}
.layout-hero>.product-container{padding-top:64px;padding-bottom:64px}
.layout-hero h1{font:750 clamp(36px,4vw,60px)/1.2 var(--hero-font);letter-spacing:-.045em;margin:22px 0}
.layout-hero h1 em{font-style:normal;color:var(--accent)}
.layout-hero .product-lead{max-width:640px;line-height:1.9}
.layout-stage{min-width:0}
.layout-stage .product-editor{transform:none;width:100%}
.layout-stage figcaption{font-size:11px;letter-spacing:.06em;color:var(--muted);padding-top:14px}
.layout-eyebrow{font:600 11px/1.6 Consolas,"Microsoft YaHei",monospace;letter-spacing:.1em;color:var(--accent)}
.extended-layout h2{line-height:1.4}
.layout-entry{display:flex;align-items:center;gap:18px;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;transition:border-color .15s}
.layout-entry:hover{border-color:var(--accent)}
.layout-entry>svg{width:27px;height:27px;color:var(--accent);flex-shrink:0}
.layout-entry>svg:last-child{margin-left:auto;width:18px}
.layout-entry h2{font-size:19px;margin:0 0 6px}
.layout-entry p{font-size:12px;margin:0;color:var(--muted)}
.layout-capability-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 40px;padding:25px 24px;border-bottom:1px solid var(--line);background:var(--surface)}
.layout-capability-strip>span{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted)}
.layout-capability-strip svg{width:19px;height:19px;color:var(--accent)}
.layout-number{font:500 14px/1.8 Consolas,monospace;color:var(--accent)}
.layout-tool-list article{display:grid;grid-template-columns:28px minmax(0,1fr) 24px;align-items:start;gap:20px;border-top:1px solid var(--line);padding:25px 0}
.layout-tool-list article:last-child{border-bottom:1px solid var(--line)}
.layout-tool-list svg{width:24px;height:24px;color:var(--accent)}
.layout-tool-list h3{margin:0 0 8px;font-size:19px}
.layout-tool-list p{margin:0;color:var(--muted);font-size:13px}
.layout-code{border:1px solid var(--workbench-line);background:var(--workbench);border-radius:var(--radius);color:var(--ink);min-width:0;align-self:center;box-shadow:var(--shadow)}
.layout-code figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:16px 22px;background:var(--workbench-head);border-radius:var(--radius) var(--radius) 0 0;font-size:11px;color:var(--muted)}
.layout-code pre{margin:0;padding:26px;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.95 Consolas,"Microsoft YaHei",monospace}
.code-comment,.code-footer{color:var(--muted)}
.code-keyword{color:var(--accent)}.code-value{color:var(--accent-secondary)}
.code-footer{padding:14px 22px;border-top:1px solid var(--line);font-size:11px}
.layout-wide-stage{padding-top:40px;padding-bottom:64px}
.layout-tour{padding-top:32px;padding-bottom:32px}
.tour-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:64px;padding:64px 0;border-bottom:1px solid var(--line)}
.tour-row:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
.tour-copy h2,.layout-manual h2,.layout-hub-stage h2,.blueprint-caption h2{font-size:clamp(25px,3vw,38px);margin:20px 0}
.tour-copy p,.layout-manual aside p,.layout-hub-stage p{color:var(--muted);margin-bottom:24px}
.layout-manual,.layout-hub-stage,.layout-blueprint-detail{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:70px;padding-top:70px;padding-bottom:70px;align-items:start}
.layout-release-stage{padding-top:64px;padding-bottom:64px}
.layout-release-stage>div{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-bottom:30px}
.layout-release-stage h2{font-size:28px;margin:0}
.layout-release-feed{border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:var(--surface)}
.layout-release-feed h2{font-size:26px;margin:15px 0 25px}
.release-entry{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:8px;border-top:1px solid var(--line);padding:20px 0}
.release-entry time{font-size:11px;color:var(--muted)}
.release-entry h3{grid-column:1;font-size:16px;margin:0}
.release-entry svg{grid-column:2;grid-row:1/3;width:20px;height:20px;align-self:center;color:var(--accent)}
.layout-timeline{padding-top:24px;padding-bottom:64px}
.timeline-step{display:grid;grid-template-columns:46px minmax(0,.8fr) minmax(0,1.2fr);gap:32px;padding:55px 0;border-bottom:1px solid var(--line);scroll-margin-top:30px;align-items:center}
.timeline-step>.layout-number{align-self:start;font-size:24px}
.timeline-step h2{font-size:28px;margin:15px 0}.timeline-step p{color:var(--muted);font-size:14px}
.layout-step-links{display:grid;align-content:center}
.layout-step-links a{display:flex;gap:22px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0;font-size:15px}
.layout-step-links b{color:var(--accent);font:500 12px Consolas,monospace}
.layout-step-links svg{width:18px;height:18px;margin-left:auto;color:var(--accent)}
.extended-layout .product-cta-section{padding-top:40px}
/* Narrow layouts never shrink content to hide an overflow. */
@media(max-width:1000px){
 .layout-hero>.product-container{padding-top:44px;padding-bottom:44px}
 .tour-row,.tour-row:nth-child(even),.layout-manual,.layout-hub-stage,.layout-blueprint-detail{gap:30px}
 .timeline-step{grid-template-columns:36px minmax(0,1fr);gap:22px}.timeline-visual{grid-column:2}
}
@media(max-width:700px){
 .layout-hero h1{font-size:36px;line-height:1.3;letter-spacing:-.035em}
 .layout-hero .product-lead{font-size:14px}.layout-hero .product-highlights{font-size:10px}
 .layout-hero>.product-container{padding-top:36px;padding-bottom:36px}
 .layout-entry{padding:21px;gap:13px}.layout-entry h2{font-size:17px}
 .layout-capability-strip{justify-content:start;gap:18px;padding:24px}.layout-capability-strip>span{font-size:10px}
 .layout-code pre{font-size:11px;padding:18px;line-height:1.9}.layout-code figcaption{padding:14px 18px}
 .layout-stage figcaption{font-size:9px}
 .tour-row,.tour-row:nth-child(even),.layout-manual,.layout-hub-stage,.layout-blueprint-detail{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:36px;padding-bottom:36px}
 .tour-copy h2{font-size:27px}.tour-copy p{font-size:13px}
 .layout-tool-list article{gap:12px;grid-template-columns:24px minmax(0,1fr) 20px;padding:20px 0}.layout-tool-list h3{font-size:17px}.layout-tool-list p{font-size:12px}
 .timeline-step{grid-template-columns:25px minmax(0,1fr);gap:16px;padding:35px 0}.timeline-step h2{font-size:25px}.timeline-step>.layout-number{font-size:17px}.timeline-visual{grid-column:1/-1}
 .layout-release-feed{padding:23px}.layout-release-stage{padding-top:36px;padding-bottom:36px}.layout-release-stage h2{font-size:24px}
 .extended-layout .site-button{font-size:12px;padding:12px 17px}
}