/* Shared styles for the policy pages (refund.html, privacy.html).
   Tokens and base rules mirror the inline <style> in index.html, which stays inline so the
   home page renders exactly as before. Brand tokens: PLAN.md section 4 W1 / brand/README.md. */
:root {
  --gold: #C9A13B;
  --gold-deep: #7A5A12;
  --gold-light: #E2C675;
  --cream: #FCF8EC;
  --offwhite: #FFFDF6;
  --tan: #DCC48C;
  --brown-mid: #5E4A2C;
  --brown: #3B2A14;
  --radius: 14px;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--cream);
  background-image: radial-gradient(ellipse at 50% 0%, var(--offwhite) 0%, var(--cream) 60%);
  color: var(--brown);
  font-family: "EB Garamond", Georgia, "Times New Roman", serif;
  font-size: 1.2rem;
  line-height: 1.6;
  overflow-x: hidden;
}
main, footer { width: 100%; max-width: 640px; margin: 0 auto; padding: 0 16px; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--gold-deep); text-underline-offset: 3px; overflow-wrap: anywhere; }
a:focus-visible { outline: 3px solid var(--gold-deep); outline-offset: 2px; }

.page-head { text-align: center; padding: 28px 0 4px; }
.page-head .home { display: inline-block; border-radius: 50%; }
.page-head .logo { width: 96px; height: 96px; margin: 0 auto 14px; filter: drop-shadow(0 4px 10px rgba(122, 90, 18, 0.2)); }
.brand-name { font-family: "Cinzel", Georgia, serif; font-weight: 600; font-size: 1rem; letter-spacing: 0.08em; color: var(--gold-deep); margin: 0 0 6px; }
h1 { font-family: "Cinzel", Georgia, serif; font-weight: 700; font-size: clamp(1.7rem, 7vw, 2.2rem); line-height: 1.2; margin: 0 0 14px; }
.rule { width: 72px; height: 2px; background: var(--gold); border: 0; margin: 0 auto 22px; }

.draft-banner {
  margin: 0 0 22px; padding: 14px 16px;
  background: var(--offwhite);
  border: 2px dashed var(--gold-deep);
  border-radius: 10px;
  font-family: "Cinzel", Georgia, serif; font-weight: 700;
  font-size: 1rem; letter-spacing: 0.04em; text-align: center;
  color: var(--gold-deep);
}
.draft-banner span { display: block; font-family: "EB Garamond", Georgia, serif; font-weight: 400; letter-spacing: 0; font-size: 1.05rem; color: var(--brown-mid); margin-top: 4px; }

.doc {
  padding: 22px 18px 6px;
  background: var(--offwhite);
  border: 1px solid var(--gold-light);
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(59, 42, 20, 0.07);
}
.doc h2 { font-family: "Cinzel", Georgia, serif; font-weight: 700; font-size: 1.2rem; letter-spacing: 0.03em; color: var(--gold-deep); margin: 0 0 8px; }
.doc section + section { border-top: 1px solid var(--gold-light); padding-top: 16px; }
.doc p, .doc ul { margin: 0 0 16px; }
.doc ul { padding-left: 1.2em; }
.doc li { margin: 0 0 6px; }
.meta { font-size: 1.05rem; color: var(--brown-mid); text-align: center; margin: 0 0 18px; }

.back { text-align: center; margin: 26px 0 8px; }
.back a {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 56px; padding: 12px 22px;
  border-radius: var(--radius);
  font-family: "Cinzel", Georgia, serif; font-weight: 700; font-size: 1.05rem;
  text-decoration: none; color: var(--brown);
  background: var(--offwhite); border: 2px solid var(--gold);
  box-shadow: 0 2px 0 var(--gold-light), 0 6px 16px rgba(59, 42, 20, 0.08);
}

footer { text-align: center; font-size: 1.05rem; padding-top: 18px; padding-bottom: calc(32px + env(safe-area-inset-bottom)); }
footer p { margin: 0 0 10px; }
.legal a { display: inline-block; padding: 6px 4px; }