/* Ekasi Locksmith — shared styles for legal/template pages.
   Reuses the "Brass & Keyway" tokens from index.html for visual consistency. */
:root{
  --green-950:#0C2A20;
  --green-900:#123528;
  --bone:#F3EEE3;
  --bone-2:#FBF8F1;
  --line:#E1D8C6;
  --brass:#B08D4F;
  --brass-lite:#D8B872;
  --brass-ink:#7A5E24;
  --text:#21261F;
  --text-dim:#5A6157;
  --text-inv:#EFE7D6;
  --text-inv-dim:#B4C1B2;
  --maxw:820px;
  --sans:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --serif:'Fraunces',Georgia,'Times New Roman',serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--sans);color:var(--text);background:var(--bone);font-size:16.5px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:var(--brass-ink);text-decoration:underline}
a:hover{color:var(--green-900)}
img{max-width:100%}
h1,h2{font-family:var(--serif);font-weight:600;line-height:1.1;letter-spacing:-.015em;color:var(--green-900)}
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:22px}

header.site{background:var(--green-950);padding:16px 0}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
header.site a.home{color:var(--text-inv);font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
header.site a.home:hover{color:var(--brass-lite)}
header.site .brand{color:var(--brass-lite);font-family:var(--serif);font-weight:600;font-size:1.1rem;text-decoration:none}

.legal-banner{background:#F5E3C4;border-bottom:1px solid var(--brass);color:#5A4419;font-size:.92rem;padding:14px 0}
.legal-banner .wrap{display:flex;gap:10px;align-items:flex-start}
.legal-banner svg{flex:none;width:20px;height:20px;margin-top:1px;color:var(--brass-ink)}

main{padding:48px 0 80px}
main .eyebrow{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-ink)}
main h1{font-size:clamp(1.8rem,4vw,2.5rem);margin-top:8px}
main .updated{color:var(--text-dim);font-size:.9rem;margin-top:10px}
main h2{font-size:1.25rem;margin-top:2.2em}
main p,main li{color:var(--text);margin-top:1em}
main ul,main ol{padding-left:1.3em;margin-top:1em}
main li+li{margin-top:.5em}
mark{background:#F5E3C4;color:#5A4419;padding:.05em .3em;border-radius:3px;font-style:normal}
.toc{margin-top:1.8em;padding:16px 18px;background:var(--bone-2);border:1px solid var(--line)}
.toc h2{margin:0 0 .5em;font-size:1rem}
.toc ol{margin-top:.4em}

footer.site{background:var(--green-950);color:var(--text-inv-dim);padding:32px 0;margin-top:40px}
footer.site .wrap{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:space-between;font-size:.85rem}
footer.site nav{display:flex;flex-wrap:wrap;gap:8px 16px}
footer.site a{color:var(--text-inv-dim);text-decoration:none}
footer.site a:hover{color:var(--brass-lite)}