@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ccc01da6a2b3d788-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/fa3e259cafa8f47e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"DM Serif Display Fallback";src:local("Times New Roman");ascent-override:94.37%;descent-override:30.51%;line-gap-override:0.00%;size-adjust:109.78%}.__className_0e4539{font-family:"DM Serif Display","DM Serif Display Fallback";font-weight:400;font-style:normal}.__variable_0e4539{--font-display:"DM Serif Display","DM Serif Display Fallback"}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/438aa629764e75f3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/875ae681bfde4580-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/51251f8b9793cdb3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e857b654a2caa584-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cc978ac5ee68c2b6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4c9affa5bc8f420e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/438aa629764e75f3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/875ae681bfde4580-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/51251f8b9793cdb3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e857b654a2caa584-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/cc978ac5ee68c2b6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/4c9affa5bc8f420e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/438aa629764e75f3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/875ae681bfde4580-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/51251f8b9793cdb3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e857b654a2caa584-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/cc978ac5ee68c2b6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/4c9affa5bc8f420e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/438aa629764e75f3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/875ae681bfde4580-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/51251f8b9793cdb3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e857b654a2caa584-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/cc978ac5ee68c2b6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/4c9affa5bc8f420e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/438aa629764e75f3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/875ae681bfde4580-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/51251f8b9793cdb3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/e857b654a2caa584-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/cc978ac5ee68c2b6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/4c9affa5bc8f420e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Manrope Fallback;src:local("Arial");ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.00%;size-adjust:103.19%}.__className_6b03d3{font-family:Manrope,Manrope Fallback;font-style:normal}.__variable_6b03d3{--font-body:"Manrope","Manrope Fallback"}:root{--bg:#fffaf7;--surface:rgba(255,255,255,0.94);--text:#544e4d;--muted:#7d7270;--line:rgba(110,76,89,0.14);--accent:#f3d7dd;--accent-strong:#d7a98c;--success:#a9cbb3;--shadow:0 24px 60px rgba(91,67,75,0.08);--content-width:1240px;--radius:28px;--page-bg:radial-gradient(circle at top center,rgba(243,215,221,0.18),transparent 30%),linear-gradient(180deg,#fffdfa,#f6efe7 46%,#f0e5e6);--header-bg:rgba(255,252,249,0.84);--header-border:rgba(110,76,89,0.08);--hero-bg:radial-gradient(circle at top right,rgba(169,203,179,0.1),transparent 28%),linear-gradient(180deg,#fffdfa,#f6efe7);--hero-border:rgba(110,76,89,0.1);--hero-shadow:inset 0 1px 0 rgba(255,255,255,0.75),0 18px 44px rgba(91,67,75,0.08);--hero-divider:rgba(110,76,89,0.14);--sidebar-bg:rgba(255,252,249,0.9);--sidebar-link-bg:rgba(255,255,255,0.7);--sidebar-link-active:#ffffff;--card-bg:#ffffff;--card-dark-bg:#6e4c59;--card-accent-bg:#f5ece7;--visual-card-bg:linear-gradient(180deg,#fffdf9,#f6eee7);--chip-bg:#f7ecee;--example-bg:#f3e6e3;--example-soft-bg:#f6efec;--logo-paper-bg:radial-gradient(circle at top left,rgba(243,215,221,0.14),transparent 24%),linear-gradient(180deg,#fffdfb,#f6efe7);--logo-light-bg:radial-gradient(circle at top right,rgba(169,203,179,0.14),transparent 20%),linear-gradient(180deg,#f8f2ef,#fff9f5);--logo-busy-bg:linear-gradient(135deg,rgba(243,215,221,0.22),transparent 34%),repeating-linear-gradient(135deg,rgba(255,255,255,0.28) 0 16px,rgba(110,76,89,0.12) 16px 32px),linear-gradient(180deg,#f4eee7,#efe3de);--scene-bg:#f6efe8;--scene-content-bg:linear-gradient(180deg,#fffdfa,#f5eee7);--scene-cta-bg:linear-gradient(180deg,#fff8f8,#f3e9e5);--scene-card-bg:#ffffff;--scene-dark-bg:#6e4c59;--theme-toggle-bg:rgba(255,252,249,0.92);--theme-toggle-border:rgba(110,76,89,0.12)}html[data-theme=dark]{color-scheme:dark;--bg:#1a1517;--surface:rgba(31,25,28,0.92);--text:#f8efe8;--muted:#cdbdb8;--line:rgba(243,215,221,0.15);--shadow:0 24px 60px rgba(0,0,0,0.34);--page-bg:radial-gradient(circle at top center,rgba(110,76,89,0.24),transparent 28%),linear-gradient(180deg,#120f11,#1a1517 56%,#21181b);--header-bg:rgba(23,18,20,0.82);--header-border:rgba(243,215,221,0.12);--hero-bg:radial-gradient(circle at top right,rgba(169,203,179,0.13),transparent 24%),linear-gradient(180deg,rgba(38,29,33,0.96),rgba(24,19,22,0.96));--hero-border:rgba(243,215,221,0.14);--hero-shadow:inset 0 1px 0 rgba(255,255,255,0.03),0 22px 48px rgba(0,0,0,0.36);--hero-divider:rgba(243,215,221,0.16);--sidebar-bg:rgba(26,21,23,0.88);--sidebar-link-bg:rgba(255,255,255,0.03);--sidebar-link-active:rgba(243,215,221,0.1);--card-bg:rgba(36,28,31,0.92);--card-dark-bg:#7a9985;--card-accent-bg:linear-gradient(180deg,rgba(90,66,77,0.92),rgba(49,34,40,0.96));--visual-card-bg:linear-gradient(180deg,#241d20,#2d2428);--chip-bg:rgba(243,215,221,0.12);--example-bg:#35282d;--example-soft-bg:#302528;--logo-paper-bg:radial-gradient(circle at top left,rgba(243,215,221,0.12),transparent 24%),linear-gradient(180deg,#2f2629,#241d20);--logo-light-bg:radial-gradient(circle at top right,rgba(169,203,179,0.12),transparent 20%),linear-gradient(180deg,#31282b,#231d20);--logo-busy-bg:linear-gradient(135deg,rgba(243,215,221,0.16),transparent 34%),repeating-linear-gradient(135deg,rgba(255,255,255,0.05) 0 16px,rgba(0,0,0,0.16) 16px 32px),linear-gradient(180deg,#35282d,#1a1517);--scene-bg:#221c1f;--scene-content-bg:linear-gradient(180deg,#2a2326,#352d31);--scene-cta-bg:linear-gradient(180deg,#31262b,#3a2d33);--scene-card-bg:#3a3034;--scene-dark-bg:#a9cbb3;--theme-toggle-bg:rgba(23,18,20,0.92);--theme-toggle-border:rgba(243,215,221,0.14)}*{box-sizing:border-box}body,html{background:var(--page-bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font-body),"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{padding:24px 24px 72px}.site-header,.site-main{width:min(100%,var(--content-width));margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;margin-bottom:28px;border:1px solid var(--header-border);border-radius:var(--radius);background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:-webkit-sticky;position:sticky;top:12px;z-index:20}.site-header__brand{display:grid;grid-gap:2px;gap:2px}.brand{font-size:1rem;font-weight:700}.eyebrow{margin:0 0 10px;font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.button,.guide-demo-button{display:inline-flex;align-items:center;justify-content:center;justify-self:start;align-self:start;width:-moz-fit-content;width:fit-content;min-height:48px;padding:0 20px;border:0;border-radius:10px;background:var(--accent);color:#4f3438;font-weight:800;white-space:nowrap}.cover-shell{display:grid;place-items:center;min-height:100vh;padding:24px}.cover-panel,.guide-book__hero,.guide-section{border:1px solid var(--header-border);border-radius:32px;background:var(--surface);box-shadow:var(--shadow)}.cover-panel{width:min(100%,760px);padding:48px}.cover-panel h1,.guide-book__hero h1,.guide-scale-table__row span:first-child,.guide-type-display{font-family:var(--font-display),"Segoe UI",sans-serif}.cover-panel h1,.guide-book__hero h1{margin:0 0 12px;font-size:clamp(2.4rem,5vw,5rem);line-height:.98;letter-spacing:-.04em;font-size:clamp(3rem,6vw,5.8rem);line-height:.9;letter-spacing:-.035em;text-wrap:balance}.guide-pagination__link strong,.guide-stat-card strong,.section-heading h2{font-family:var(--font-body),"Segoe UI",sans-serif}.section-heading h2{margin:0 0 12px;font-size:clamp(2rem,3.2vw,2.8rem);line-height:1;letter-spacing:-.025em;font-weight:700}.cover-copy,.guide-card li,.guide-card p,.guide-pagination__link,.guide-section__body,.guide-sidebar__link small,.guide-stat-card p{color:var(--muted);line-height:1.7}.cover-actions{display:flex;gap:12px;margin-top:24px}.guide-book,.guide-section{display:grid;grid-gap:20px;gap:20px}.guide-book__hero,.guide-section{padding:32px}.guide-book__hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.8fr);grid-gap:48px;gap:48px;padding:44px 46px 40px;background:var(--hero-bg);color:var(--text);border-color:var(--hero-border);box-shadow:var(--hero-shadow)}.guide-book__hero,.guide-book__hero-card,.guide-book__hero-copy,.guide-content,.guide-sidebar__nav{display:grid}.guide-book__hero-card,.guide-book__hero-copy,.guide-content,.guide-sidebar__nav{gap:16px}.guide-book__hero-copy{align-content:start;padding-top:8px}.guide-book__hero .eyebrow{margin-bottom:14px}.guide-book__hero h1{max-width:8ch}.guide-book__hero-copy p:last-child{max-width:34rem;font-size:1.18rem;line-height:1.6}.guide-book__hero-card{align-content:start;align-self:end;max-width:320px;margin-left:auto;padding:24px 0 0 28px;border-left:1px solid var(--hero-divider);background:transparent;border-radius:0;box-shadow:none}.guide-book__hero-card p:last-of-type,.guide-book__hero-copy p:last-child{color:var(--muted)}.guide-book__hero-card .button{margin-top:8px;box-shadow:none}.guide-book__body{display:grid;grid-template-columns:280px minmax(0,1fr);grid-gap:24px;gap:24px;align-items:start}.guide-sidebar{position:-webkit-sticky;position:sticky;top:24px;display:grid;grid-gap:14px;gap:14px;padding:20px;border:1px solid var(--header-border);border-radius:28px;background:var(--sidebar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.guide-sidebar__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.guide-sidebar__title{margin:0;font-size:.84rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.guide-sidebar__toggle{display:none;min-height:40px;padding:0 14px;border:1px solid var(--theme-toggle-border);border-radius:999px;background:var(--card-bg);color:var(--text)}.guide-sidebar__link{display:grid;grid-gap:4px;gap:4px;padding:14px;border-radius:20px;border:1px solid transparent;background:var(--sidebar-link-bg)}.guide-card__label,.guide-pagination__link span,.guide-sidebar__link span{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.guide-sidebar__link strong{font-family:var(--font-body),"Segoe UI",sans-serif;font-size:1rem;font-weight:700;line-height:1.25;letter-spacing:-.01em}.guide-sidebar__link[data-active=true]{background:var(--sidebar-link-active);border-color:var(--line);box-shadow:0 10px 24px rgba(0,0,0,.12)}.guide-flow-grid,.guide-gallery-grid,.guide-grid,.guide-pagination,.guide-rule-panels,.guide-scale-table{display:grid;grid-gap:16px;gap:16px}.guide-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-flow-grid,.guide-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-gallery-grid,.guide-rule-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card,.guide-gallery-card,.guide-pagination__link,.guide-stat-card{display:grid;grid-gap:12px;gap:12px;padding:22px;border:1px solid var(--line);border-radius:24px;background:var(--card-bg)}.guide-card--dark,.guide-stat-card{background:var(--card-dark-bg);border-color:transparent;color:#fff6e8}.guide-card--dark .guide-card__label,.guide-card--dark p,.guide-stat-card p{color:rgba(255,246,232,.72)}.guide-card--accent{background:var(--card-accent-bg)}.guide-visual-card{display:grid;grid-gap:14px;gap:14px;padding:18px;border:1px solid var(--line);border-radius:24px;background:var(--visual-card-bg)}.guide-chip-row{display:flex;flex-wrap:wrap;gap:10px}.guide-chip-row span{min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02);font-size:.9rem}.guide-chip-row span,.guide-secondary-button{display:inline-flex;align-items:center;color:var(--text);font-weight:600}.guide-secondary-button{justify-content:center;min-height:48px;padding:0 20px;border:1px solid var(--line);border-radius:10px;background:var(--chip-bg)}.guide-callout,.guide-example{display:grid;grid-gap:8px;gap:8px;padding:18px;border-radius:20px;background:var(--example-bg)}.guide-example--soft{background:var(--example-soft-bg)}.guide-rule-list{margin:0;padding-left:18px}.guide-logo-stage{display:grid;place-items:center;min-height:240px;padding:28px;border-radius:22px;overflow:hidden}.guide-logo-stage--paper{background:var(--logo-paper-bg)}.guide-logo-stage--light{background:var(--logo-light-bg)}.guide-logo-stage--busy{background:var(--logo-busy-bg)}.guide-logo-image{display:block;width:100%;height:auto;object-fit:cover;border-radius:18px}.guide-logo-asset{display:block;width:min(100%,520px);height:auto;object-fit:contain}.guide-logo-asset--transparent{width:min(100%,620px);transform:translateY(14%)}.guide-wordmark{display:flex;align-items:center;gap:18px;padding:18px 20px;border-radius:24px;background:rgba(39,29,33,.9);color:#fdf5ef;border:1px solid rgba(241,190,196,.28);box-shadow:0 18px 34px rgba(0,0,0,.18)}.guide-wordmark--bad{transform:rotate(-6deg) scale(1.04);box-shadow:0 0 0 2px rgba(255,255,255,.18),0 0 28px rgba(241,190,196,.42)}.guide-wordmark__crest{position:relative;width:72px;height:72px;border-color:rgba(241,190,196,.72) transparent transparent rgba(241,190,196,.72);border-style:solid;border-width:2px;border-radius:999px}.guide-wordmark__crest span{position:absolute;display:block;background:var(--accent)}.guide-wordmark__crest span:first-child{left:18px;bottom:12px;width:32px;height:18px;-webkit-clip-path:polygon(0 100%,50% 35%,100% 100%);clip-path:polygon(0 100%,50% 35%,100% 100%)}.guide-wordmark__crest span:nth-child(2){left:28px;bottom:12px;width:6px;height:14px;background:rgba(39,29,33,.82);box-shadow:10px 0 0 rgba(39,29,33,.82)}.guide-wordmark__crest span:last-child{right:7px;top:16px;width:18px;height:18px;border-radius:999px 999px 6px 999px;transform:rotate(20deg)}.guide-wordmark__name{font-family:var(--font-display),"Segoe UI",sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:.95;letter-spacing:-.05em}.guide-wordmark__name span{color:var(--accent)}.guide-wordmark__tag{margin:8px 0 0;font-size:.82rem;text-transform:uppercase;letter-spacing:.18em;color:rgba(253,245,239,.72)}.guide-logo-example--bad,.guide-logo-example--good{position:relative}.guide-logo-example--bad:after,.guide-logo-example--good:after{position:absolute;top:12px;right:12px;min-height:30px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;color:white;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.guide-logo-example--bad:after{content:"Don't";background:rgba(23,25,26,.78)}.guide-logo-example--good:after{content:"Do";background:rgba(241,190,196,.92);color:#4f3438}.guide-scene{border-radius:18px;overflow:hidden;min-height:170px;display:grid;grid-gap:10px;gap:10px;padding:16px;background:var(--scene-bg)}.guide-scene span{display:block;border-radius:12px}.guide-scene--hero{background:radial-gradient(circle at top right,rgba(168,213,186,.18),transparent 20%),linear-gradient(180deg,#5f7f69,#2c2328)}.guide-scene--hero span:first-child{width:34%;height:10px;background:rgba(253,245,239,.34)}.guide-scene--hero span:nth-child(2){width:82%;height:56px;background:rgba(253,245,239,.92)}.guide-scene--hero span:nth-child(3){width:42%;height:34px;margin-top:auto;background:var(--accent)}.guide-scene--content{grid-template-rows:18px 1fr 1fr 44px;background:var(--scene-content-bg)}.guide-scene--content span:first-child{width:44%;background:rgba(204,185,179,.26)}.guide-scene--content span:nth-child(2),.guide-scene--content span:nth-child(3){background:var(--scene-card-bg);border:1px solid var(--line)}.guide-scene--content span:nth-child(4){width:46%;background:linear-gradient(90deg,var(--accent) 0,var(--success) 100%)}.guide-scene--cta{grid-template-rows:1fr auto;background:var(--scene-cta-bg)}.guide-scene--cta span:first-child{background:var(--scene-card-bg);border:1px solid var(--line)}.guide-scene--cta span:last-child{width:54%;height:40px;background:var(--accent)}.guide-social-board{display:grid;grid-gap:12px;gap:12px;margin:0}.guide-gallery-card{padding:0;overflow:hidden}.guide-social-board__image{width:100%;height:auto;display:block;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow)}.guide-social-board__caption{margin:0;color:var(--muted);line-height:1.6}.guide-swatch{display:grid;place-items:end start;min-height:138px;padding:16px;border-radius:18px;font-weight:700}.guide-flow-grid__index,.guide-stat-card strong{color:var(--accent);font-size:clamp(1.8rem,3vw,2.8rem);line-height:1}.guide-type-body,.guide-type-display{margin:0}.guide-type-display{font-size:clamp(2rem,4vw,3.2rem);line-height:.94;letter-spacing:-.03em}.guide-type-body{font-size:1.1rem}.guide-scale-table__row{display:grid;grid-template-columns:110px 140px minmax(0,1fr);grid-gap:12px;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--header-border);color:var(--muted)}.theme-toggle{position:relative;display:grid;place-items:center;width:52px;height:52px;flex:0 0 auto;border:1px solid var(--theme-toggle-border);border-radius:999px;background:var(--theme-toggle-bg);color:var(--text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 28px rgba(0,0,0,.16)}.theme-toggle__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:rgba(241,190,196,.14);color:var(--accent);font-size:1.15rem;line-height:1}.guide-pagination{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-pagination__link{min-height:110px}.guide-pagination__link--empty{visibility:hidden}@media (max-width:960px){.guide-book__body,.guide-book__hero,.guide-flow-grid,.guide-gallery-grid,.guide-grid--three,.guide-grid--two,.guide-pagination,.guide-rule-panels,.site-header{grid-template-columns:1fr}.guide-sidebar{position:static}.guide-book__hero{gap:28px;padding:32px}.guide-book__hero-card{max-width:none;margin-left:0;padding:20px 0 0;border-left:0;border-top:1px solid var(--hero-divider)}}@media (max-width:720px){.site-shell{padding:16px 16px 48px}.cover-panel,.guide-book__hero,.guide-section,.guide-sidebar,.site-header{padding:24px;border-radius:24px}.guide-sidebar{gap:16px}.guide-sidebar__toggle{display:inline-flex;align-items:center;justify-content:center}.guide-sidebar__nav{display:none}.guide-sidebar__nav[data-open=true]{display:grid}.guide-wordmark{width:100%;justify-content:center;text-align:left}}