/* Shared styles for Hearth Vault legal/policy pages. */
:root{
  --paper:#f7f0e4; --ink:#241b13; --ink-soft:#5f5043; --ink-faint:#8a7967;
  --ember:#bf5a2b; --ember-deep:#9d4520; --gold:#c08a3e; --espresso:#1d1610;
  --line:#e2d6c2; --cream:#f6efe2;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Hanken Grotesk",system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.65}
.wrap{max-width:760px;margin:0 auto;padding:0 28px}
a{color:var(--ember-deep);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{font-family:"Fraunces",Georgia,serif;font-weight:600;line-height:1.15;letter-spacing:-.01em}

header{border-bottom:1px solid var(--line);background:rgba(247,240,228,.9);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}
header .wrap{display:flex;align-items:center;justify-content:space-between;padding:16px 28px}
.brand{font-family:"Fraunces",serif;font-weight:600;font-size:1.2rem;display:flex;align-items:center;gap:9px}
.brand .mark{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e8862f,var(--ember-deep));box-shadow:0 0 12px rgba(191,90,43,.6)}
header a.home{font-size:.9rem;color:var(--ink-soft)}

main{padding:54px 0 80px}
.kicker{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ember-deep);font-weight:700;margin-bottom:12px}
h1.title{font-size:clamp(2rem,5vw,3rem);margin-bottom:10px}
.updated{color:var(--ink-faint);font-size:.9rem;margin-bottom:26px}

.draft{background:#fbe7d8;border:1px solid #e8b98c;border-radius:10px;padding:14px 18px;margin-bottom:34px;font-size:.92rem;color:#7a4a23}
.draft b{color:var(--ember-deep)}

main h2{font-size:1.4rem;margin:38px 0 10px;padding-top:8px}
main h3{font-size:1.08rem;margin:22px 0 6px}
main p{margin:10px 0;color:#352b22}
main ul{margin:10px 0 10px 22px;color:#352b22}
main li{margin:5px 0}
.lede{font-size:1.1rem;color:var(--ink-soft)}

footer{background:var(--espresso);color:#a4937c;padding:34px 0;font-size:.88rem}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}
footer .brand{color:#f6efe2;font-size:1.05rem}
footer a{color:#a4937c}
footer a:hover{color:#fff;text-decoration:none}
.flinks{display:flex;gap:20px}