/* ====================================================================
   Shared styling for VB Anatomy legal pages
   (privacy-policy, terms-and-conditions, refund-policy, contact-us)
   Mirrors the brand palette + fonts used on index.html.
   ==================================================================== */
:root{
  --brand:#1b1110;
  --accent:#e95012;
  --paper:#F4EFE4;
  --paper-2:#ECE4D3;
  --text:#1b2b30;
  --muted:#5d6b6b;
  --marker:#EBC36A;
  --line:rgba(27,43,48,.16);
  --radius:14px;
  --maxw:820px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;font-family:'Hanken Grotesk',system-ui,sans-serif;color:var(--text);
  background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.65;
}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:600;line-height:1.12;margin:0;}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%;display:block;}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}

/* ---- top bar ---- */
.bar{background:var(--paper);border-bottom:1px solid var(--line);}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;height:84px;gap:16px;}
.logo{height:72px;width:auto;}
.bar .back{font-family:'Hanken Grotesk';font-weight:700;font-size:.95rem;color:var(--brand);
  border:1.5px solid var(--brand);border-radius:999px;padding:9px 18px;white-space:nowrap;}
.bar .back:hover{background:var(--brand);color:var(--paper);text-decoration:none;}

/* ---- doc ---- */
.doc{padding:54px 0 80px;}
.kicker{font-family:'Caveat',cursive;color:var(--accent);font-size:1.5rem;transform:rotate(-1.5deg);display:inline-block;}
.doc h1{font-size:clamp(2rem,5vw,2.8rem);margin:6px 0 6px;}
.updated{color:var(--muted);font-size:.95rem;margin-bottom:8px;}
.intro{font-size:1.08rem;color:var(--text);margin:18px 0 8px;}
.doc h2{font-size:1.4rem;margin:38px 0 10px;color:var(--brand);}
.doc h3{font-size:1.12rem;margin:22px 0 6px;color:var(--brand);}
.doc p{margin:10px 0;}
.doc ul,.doc ol{margin:10px 0;padding-left:22px;}
.doc li{margin:7px 0;}
.doc strong{color:var(--brand);}
.edit{background:#fff3cd;border:1px dashed #d4a017;border-radius:6px;padding:1px 7px;font-size:.92em;color:#7a5c00;}
.callout{background:var(--paper-2);border:1.5px solid var(--line);border-radius:var(--radius);
  padding:18px 22px;margin:22px 0;}
.callout p:first-child{margin-top:0;}
.callout p:last-child{margin-bottom:0;}
hr{border:none;border-top:1.5px dashed var(--line);margin:34px 0;}

/* ---- contact cards ---- */
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0;}
.ccard{background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);padding:22px;}
.ccard .lab{font-size:.8rem;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);}
.ccard .val{font-family:'Fraunces',serif;font-size:1.2rem;margin-top:6px;word-break:break-word;}
@media(max-width:640px){ .cgrid{grid-template-columns:1fr;} }

/* ---- footer ---- */
footer{background:var(--brand);color:rgba(244,239,228,.72);padding:34px 0;}
footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;}
footer a{color:rgba(244,239,228,.9);}
.flinks{display:flex;gap:18px;flex-wrap:wrap;font-size:.92rem;}
footer .fine{font-size:.85rem;color:rgba(244,239,228,.5);width:100%;}
@media(max-width:640px){ footer .wrap{justify-content:center;text-align:center;} }