:root { color-scheme: light; --ink:#222722; --muted:#6d756e; --line:#e3e6df; --paper:#fffefa; --soft:#f4f5ef; --yellow:#fef65b; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; background:#f7f8f3; color:var(--ink); font:15px/1.72 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color:inherit; }
.site-nav { position:sticky; top:0; z-index:10; display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:76px; padding:0 clamp(18px,4vw,52px); border-bottom:1px solid rgba(222,225,218,.9); background:rgba(255,254,250,.9); backdrop-filter:blur(14px); }
.brand { display:flex; align-items:center; gap:10px; color:#20251f; font-size:20px; font-weight:850; letter-spacing:-.045em; text-decoration:none; }
.brand-mark { position:relative; display:block; width:34px; height:24px; border:1.5px solid #2c322b; border-radius:9px 9px 11px 11px; background:var(--yellow); box-shadow:inset 0 -3px rgba(77,72,0,.08); }
.brand-mark:before,.brand-mark:after { content:""; position:absolute; top:8px; width:4px; height:4px; border-radius:50%; background:#272c26; }
.brand-mark:before { left:8px; }
.brand-mark:after { right:8px; }
.brand-mark i { position:absolute; left:50%; bottom:4px; width:9px; height:2px; border-radius:9px; background:#272c26; transform:translateX(-50%); }
.nav-links { display:flex; gap:18px; color:#59605a; font-size:13px; font-weight:700; }
.nav-links a { text-decoration:none; }
.nav-close { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 16px; border:1px solid #d8dcd5; border-radius:8px; background:var(--paper); color:#343a35; }
.nav-close:hover { border-color:#c6cbc2; background:#fff; }
.draft-banner { padding:9px 18px; background:#292d2a; color:#f8f7ef; font-size:12px; font-weight:720; text-align:center; }
.shell { width:min(1160px,calc(100% - 36px)); margin:0 auto; }
.hero { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:36px; padding:76px 0 54px; align-items:end; }
.hero-minimal { display:block; padding-bottom:42px; }
.eyebrow { color:#7d847d; font-size:12px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
h1 { margin:12px 0 0; font-size:clamp(38px,6vw,74px); line-height:1.02; letter-spacing:-.045em; }
.hero p { max-width:720px; margin:24px 0 0; color:var(--muted); font-size:17px; }
.hero-card { padding:22px; border:1px solid var(--line); border-radius:18px; background:var(--paper); }
.hero-card strong { display:block; font-size:14px; }
.hero-card span { display:block; margin-top:7px; color:var(--muted); font-size:13px; }
.actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 18px; border:1px solid #252826; border-radius:12px; background:#252826; color:#fff; font-size:13px; font-weight:800; text-decoration:none; }
.button.secondary { border-color:#d8dcd5; background:#fff; color:#343a35; }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding-bottom:72px; }
.legal-card { display:block; padding:24px; border:1px solid var(--line); border-radius:16px; background:var(--paper); text-decoration:none; transition:transform .18s ease,border-color .18s ease; }
.legal-card:hover { transform:translateY(-2px); border-color:#c9cec5; }
.legal-card small { color:#8b918b; font-size:11px; font-weight:800; letter-spacing:.08em; }
.legal-card h2 { margin:10px 0 5px; font-size:20px; }
.legal-card p { margin:0; color:var(--muted); font-size:13px; }
.legal-layout { display:grid; grid-template-columns:240px minmax(0,780px); gap:42px; justify-content:center; padding:44px 0 80px; }
.legal-side { position:sticky; top:108px; align-self:start; display:grid; gap:8px; }
.legal-side a { padding:8px 10px; border-radius:8px; color:#687068; font-size:13px; font-weight:700; text-decoration:none; }
.legal-side a.is-active { background:#eceee7; color:#282e29; }
.legal-article { min-width:0; padding:38px clamp(20px,4vw,52px); border:1px solid var(--line); border-radius:18px; background:var(--paper); }
.legal-article h1 { margin:0; font-size:clamp(30px,4vw,46px); line-height:1.12; }
.legal-article h2 { margin:42px 0 12px; padding-top:6px; border-top:1px solid var(--line); font-size:21px; line-height:1.35; }
.legal-article h3 { margin:28px 0 8px; font-size:17px; }
.legal-article p,.legal-article li { color:#4e554f; }
.legal-article blockquote { margin:22px 0; padding:16px 18px; border-left:4px solid #d8dcd5; background:var(--soft); color:#4e5143; }
.legal-article code { padding:.12em .36em; border-radius:5px; background:#eff1eb; font-size:.9em; }
.legal-article table { width:100%; border-collapse:collapse; font-size:13px; }
.legal-article th,.legal-article td { padding:10px; border:1px solid var(--line); text-align:left; vertical-align:top; }
.doc-meta { display:flex; flex-wrap:wrap; gap:8px 16px; margin:0 0 26px; padding:14px 16px; border:1px solid var(--line); border-radius:12px; background:var(--soft); color:#737a74; font-size:12px; font-weight:700; }
.doc-meta code { color:#5f6760; font-weight:800; }
.placeholder { color:#9c4e42; background:#fff0ed; }
footer { padding:28px 0 40px; border-top:1px solid var(--line); color:#7b827b; font-size:12px; }
@media(max-width:760px){ .nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:48px}.grid{grid-template-columns:1fr}.legal-layout{grid-template-columns:1fr;padding-top:20px}.legal-side{position:static;grid-template-columns:repeat(2,1fr)}.legal-article{padding:26px 18px;border-radius:14px;overflow-wrap:anywhere}.legal-article table{display:block;overflow-x:auto} }