.demo-book[data-design]{min-height:100vh;--book-line:var(--ui-border);color:var(--ui-fg);color-scheme:light}.demo-book-header{min-height:112px;justify-content:space-between;border-bottom:1px solid var(--book-line)}.demo-book-header,.demo-book-header nav{display:flex;align-items:center;gap:30px}.demo-book-header nav{font-size:12px}.demo-book-header nav a{padding-block:14px}.demo-book-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.demo-book-cover{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(30px,6vw,90px);align-items:center;padding:70px 0}.demo-book-kicker{font:10px/1.7 IBM Plex Mono,monospace;letter-spacing:.04em;margin-bottom:24px}.demo-book-intro h1{font-size:clamp(50px,6vw,85px);letter-spacing:-.05em;line-height:1.03;font-weight:500;max-width:800px}.demo-book-intro>p:not(.demo-book-kicker){max-width:480px;font-size:15px;line-height:1.85;margin-top:25px}.demo-book-action{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:13px 0;border-bottom:1px solid;margin-top:30px;font-size:13px;min-height:44px}.demo-book-plan{margin:0}.demo-book-plan .layout-map{width:100%;height:auto;aspect-ratio:1.3}.demo-book-plan figcaption{font-size:10px;line-height:1.8;margin-top:14px;color:var(--ui-muted)}.demo-book-scope{font-size:12px;line-height:1.85;border-top:1px solid var(--book-line);border-bottom:1px solid var(--book-line);padding:20px 0;max-width:850px}.demo-book-foundations{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);padding-block:80px}.demo-book .route-title h2,.demo-book h2{font-size:clamp(28px,3.5vw,46px);font-weight:500;line-height:1.15;letter-spacing:-.04em}.demo-book .demo-design-link{display:inline-flex;align-items:center;min-height:44px;margin-top:18px;font-size:12px;text-decoration:underline;text-underline-offset:5px}.demo-book-foundations>div>p:not(.demo-book-kicker){font-size:13px;line-height:1.8;margin-top:20px}.demo-book .design-palette{margin-top:30px}.demo-book .design-palette code{color:var(--ui-muted)}.demo-book-type{border-left:1px solid var(--book-line);padding-left:40px}.demo-book-type>p:first-of-type,.demo-book-type>span{font-size:10px;letter-spacing:.04em}.demo-type-sample{font-size:clamp(50px,5.5vw,76px);font-weight:500;letter-spacing:-.055em;line-height:1.06;max-width:490px;margin-block:30px}.demo-book-section-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:45px;margin-bottom:40px}.demo-book-section-heading>p{font-size:13px;line-height:1.85;max-width:430px}.demo-book-components,.demo-book-controls{padding-block:65px;border-top:1px solid var(--book-line)}.demo-book-components .color-playground{margin-bottom:35px}.demo-book-footer{border-top:1px solid var(--book-line);padding-block:30px;display:flex;justify-content:space-between;gap:25px;font-size:11px;line-height:1.8}.demo-book-footer a{display:inline-flex;align-items:center;gap:12px;min-height:44px}.demo-book .demo-control-select{grid-column:1/-1;max-width:420px;margin:0}.demo-book .demo-projects{gap:25px}.demo-book .demo-project-list{grid-column:1;display:block}.demo-book .demo-project-detail{grid-column:2;grid-row:1/3}.demo-book :focus-visible{outline-color:var(--ui-accent)}.demo-book[data-design=form-and-field] .demo-book-header{border-bottom-width:2px}.demo-book[data-design=form-and-field] .demo-book-cover{grid-template-columns:1.45fr 1fr;align-items:stretch}.demo-book[data-design=form-and-field] .demo-book-intro h1,.demo-book[data-design=form-and-field] .demo-type-sample,.demo-book[data-design=form-and-field] h2{font-family:Space Grotesk,Arial,sans-serif;font-weight:700}.demo-book[data-design=form-and-field] .demo-book-intro h1{font-size:clamp(52px,7vw,104px);line-height:.96}.demo-book[data-design=form-and-field] .demo-book-plan{background:#f4f1e9;border:2px solid #23251f;padding:25px;box-shadow:8px 8px 0 #23251f;display:flex;flex-direction:column;justify-content:center}.demo-book[data-design=form-and-field] .demo-book-action{padding:13px 20px;border:2px solid;box-shadow:4px 4px 0 currentColor;font-weight:650}.demo-book[data-design=form-and-field] .demo-book-scope{border-width:2px;max-width:none}.demo-book[data-design=form-and-field] h2{text-transform:uppercase}.demo-book[data-design=form-and-field] .demo-type-sample{line-height:.9;font-size:clamp(65px,8vw,110px)}.demo-book[data-design=form-and-field] .demo-book-type{border-left-width:2px}.demo-book[data-design=form-and-field] .demo-book-components,.demo-book[data-design=form-and-field] .demo-book-controls{border-top-width:2px}@media (max-width:700px){.demo-book-header{min-height:100px;flex-wrap:wrap;padding-block:25px;gap:20px}.demo-book-header nav{gap:18px;font-size:11px}.demo-book-cover,.demo-book[data-design] .demo-book-cover{grid-template-columns:1fr;padding-block:40px}.demo-book-intro h1{font-size:52px}.demo-book-plan{max-width:400px;width:100%;justify-self:center}.demo-book-foundations,.demo-book[data-design] .demo-book-foundations{grid-template-columns:1fr;padding-block:45px;gap:35px}.demo-book-type{border-left:0;border-top:1px solid var(--book-line);padding:25px 0 0}.demo-book[data-design=form-and-field] .demo-book-type{border-left:0;border-top-width:2px}.demo-book-section-heading{grid-template-columns:1fr;gap:20px}.demo-book-components,.demo-book-controls{padding-block:40px}.demo-book .demo-projects{grid-template-columns:1fr}.demo-book .demo-project-detail{grid-column:1;grid-row:auto}.demo-book .demo-project-list{display:none}.demo-book-footer{flex-direction:column;gap:10px}.demo-type-sample{font-size:55px}}.demo-book-foundations>div,.demo-book-section-heading>div{min-width:0}.demo-type-sample{overflow-wrap:anywhere}@media (max-width:700px){.demo-book .demo-type-sample{font-size:clamp(38px,12vw,55px)}}.demo-book[data-design=luma-light]{--book-line:#48534d}.demo-book[data-design=luma-light] .demo-book-intro h1,.demo-book[data-design=luma-light] .demo-type-sample,.demo-book[data-design=luma-light] h2{font-family:Jost,Futura,sans-serif;font-weight:500}.demo-book[data-design=luma-light] .demo-book-plan{background:#202722;padding:35px;border:1px solid #48534d}.demo-book[data-design=luma-light] .demo-book-type{border-color:#48534d}.demo-book[data-design=luma-light] .demo-book-components>.lamp-viewer{max-width:900px;margin-inline:auto}.demo-book[data-design=luma-light] .demo-book-action{color:#e6a775}.demo-book[data-design=wayfinder]{--book-line:#b9c7b1}.demo-book[data-design=wayfinder] .demo-type-sample,.demo-book[data-design=wayfinder] h1,.demo-book[data-design=wayfinder] h2{font-family:Overpass,sans-serif;font-weight:700}.demo-book[data-design=wayfinder] .demo-book-plan{background:#e2e9da;border:1px solid #b9c7b1;padding:25px}.demo-book[data-design=wayfinder] .demo-book-type{background:#e2e9da;border:0;padding:30px;border-radius:5px}.demo-book[data-design=wayfinder] .demo-book-action{background:#203d32;color:#fffdf7;border:0;border-radius:5px;padding:12px 22px}.demo-book[data-design=wayfinder] .demo-book-cover{grid-template-columns:1fr 1.2fr}.demo-book[data-design=wayfinder] .demo-book-intro h1{font-size:clamp(45px,5vw,68px)}.demo-book[data-design=wayfinder] .demo-book-header .wayfinder-wordmark{color:#203d32}.demo-book[data-design=wayfinder] .demo-book-components .route-sheet{width:100%}@media (max-width:700px){.demo-book[data-design=wayfinder] .demo-book-cover{grid-template-columns:1fr}.demo-book[data-design=luma-light] .demo-book-plan{padding:20px}.demo-book[data-design=wayfinder] .demo-book-intro h1{font-size:44px}.demo-book[data-design=luma-light] .luma-wordmark>span{display:none}}