/* KitchenOS legal/document pages — shares the app's brand tokens. */
:root{
  --ground:#F4F1EA; --ground-2:#EDE8DC; --surface:#FFFFFF;
  --ink:#131210; --ink-2:#6B6760; --line:#E0D9C8;
  --green:#1B3A2A; --mint:#7FB59A; --mint-deep:#4E8168; --clay:#B85936;
}
:root:not([data-theme="light"]){ @media (prefers-color-scheme: dark){
  --ground:#1A1815; --ground-2:#151310; --surface:#232019;
  --ink:#F4F1EA; --ink-2:#A29D93; --line:#3A362E;
  --green:#7FB59A; --mint:#7FB59A; --mint-deep:#9FC7B2; --clay:#D98A66;
}}
:root[data-theme="dark"]{
  --ground:#1A1815; --ground-2:#151310; --surface:#232019;
  --ink:#F4F1EA; --ink-2:#A29D93; --line:#3A362E;
  --green:#7FB59A; --mint:#7FB59A; --mint-deep:#9FC7B2; --clay:#D98A66;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--ground); color:var(--ink);
  font-family:'Geist',-apple-system,'Segoe UI',system-ui,sans-serif;
  font-weight:450; line-height:1.7; -webkit-font-smoothing:antialiased;
}
.serif{font-family:'Instrument Serif',Georgia,serif; font-weight:400}
a{color:var(--mint-deep)}
.wrap{max-width:760px; margin:0 auto; padding:0 24px}

header.nav{border-bottom:1px solid var(--line); background:var(--ground)}
.nav-in{display:flex; align-items:center; justify-content:space-between; height:64px; max-width:1120px; margin:0 auto; padding:0 24px}
.brand{display:flex; align-items:center; gap:11px; font-family:'Instrument Serif',serif; font-size:1.45rem; text-decoration:none; color:var(--ink)}
.mark{width:29px; height:29px; border-radius:9px; background:var(--green); display:grid; place-items:center}
.mark svg{width:17px; height:17px}
.back{font-size:.9rem; color:var(--ink-2); text-decoration:none}
.back:hover{color:var(--ink)}

.doc{padding:56px 0 40px}
.eyebrow{font-family:'Geist Mono',ui-monospace,monospace; font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; color:var(--mint-deep)}
.doc h1{font-family:'Instrument Serif',serif; font-weight:400; font-size:clamp(2.4rem,6vw,3.6rem); line-height:1.02; letter-spacing:-.01em; margin:.3em 0 .1em}
.updated{color:var(--ink-2); font-size:.92rem; margin:0 0 8px}
.lead{font-size:1.12rem; color:var(--ink-2); max-width:60ch; margin:.6em 0 0}

.doc h2{font-family:'Instrument Serif',serif; font-weight:400; font-size:1.7rem; line-height:1.15; margin:2.2em 0 .5em; padding-top:1em; border-top:1px solid var(--line)}
.doc h3{font-size:1.05rem; font-weight:600; margin:1.6em 0 .4em}
.doc p, .doc li{font-size:1rem; max-width:70ch}
.doc ul{padding-left:1.2em; margin:.6em 0}
.doc li{margin:.35em 0}
.doc strong{color:var(--ink)}

.callout{background:var(--surface); border:1px solid var(--line); border-left:3px solid var(--clay); border-radius:12px; padding:16px 20px; margin:1.4em 0}
.callout p{margin:.3em 0}
.callout .k{font-family:'Geist Mono',monospace; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--clay)}

table.data{width:100%; border-collapse:collapse; margin:1em 0; font-size:.94rem; display:block; overflow-x:auto}
table.data th, table.data td{text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); vertical-align:top}
table.data th{font-family:'Geist Mono',monospace; font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-2); font-weight:500}

.contact-card{background:var(--ground-2); border:1px solid var(--line); border-radius:16px; padding:22px 24px; margin:1.2em 0}
.contact-card div{margin:.2em 0}
.muted{color:var(--ink-2)}

footer{border-top:1px solid var(--line); background:var(--ground-2); padding:36px 0; margin-top:40px; font-size:.9rem; color:var(--ink-2)}
footer a{color:var(--ink-2)}
footer .fl{display:flex; gap:22px; flex-wrap:wrap; margin-bottom:14px}
footer .fl a{text-decoration:none}
footer .fl a:hover{color:var(--mint-deep)}
:focus-visible{outline:2px solid var(--mint-deep); outline-offset:3px; border-radius:4px}