/* Shared styling for the Terms, Privacy and Refund pages.
   Same palette and type as the shop so these don't feel bolted on. */
*,*::before,*::after{box-sizing:border-box}
body,h1,h2,h3,p,ul,ol,dl,dd{margin:0}
ul,ol{padding:0}
img{max-width:100%;display:block}
:root{
  --deep:#16201A;--raise:#1F2B22;--line:rgba(201,169,97,.22);
  --gold:#C9A961;--gold-hi:#E8D5A3;--cream:#F3EFE6;
  --muted:rgba(243,239,230,.62);--faint:rgba(243,239,230,.40);
  --serif:'Playfair Display',Georgia,serif;
  --sans:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color-scheme:dark;
}
body{
  font-family:var(--sans);color:var(--cream);font-size:16px;line-height:1.65;
  background:linear-gradient(180deg,#16201A 0%,#101913 55%,#0C130E 100%) fixed;
  min-height:100vh;-webkit-font-smoothing:antialiased;
  padding:0 20px 80px;padding-bottom:calc(80px + env(safe-area-inset-bottom))
}
.skip{position:absolute;left:-9999px}
.skip:focus{left:20px;top:12px;z-index:10;background:var(--gold);color:#1A140A;
  padding:10px 16px;border-radius:999px;font-size:13px;font-weight:700}
.wrap{max-width:680px;margin-inline:auto}

header{padding:26px 0 4px;text-align:center}
header a{display:inline-block}
header img{height:38px;width:auto;margin-inline:auto}

h1{font-family:var(--serif);font-weight:500;font-size:clamp(28px,7vw,38px);
  line-height:1.15;margin-top:34px}
.stamp{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);margin-top:14px}
.lede{color:var(--muted);margin-top:16px;font-size:17px}
hr{border:0;border-top:1px solid var(--line);margin:34px 0}

h2{font-family:var(--serif);font-weight:500;font-size:22px;margin-top:36px;color:var(--gold-hi)}
h3{font-size:14px;font-weight:700;letter-spacing:.02em;margin-top:22px}
p{margin-top:13px;color:rgba(243,239,230,.86)}
p strong,li strong{color:var(--cream);font-weight:700}

ul{margin-top:13px;list-style:none}
li{position:relative;padding-left:19px;margin-top:9px;color:rgba(243,239,230,.86)}
li::before{content:"";position:absolute;left:2px;top:11px;width:5px;height:5px;
  border-radius:50%;background:var(--gold)}
ol{margin-top:13px;counter-reset:n;list-style:none}
ol li{padding-left:30px;counter-increment:n}
ol li::before{content:counter(n);left:0;top:0;width:auto;height:auto;background:none;
  color:var(--gold);font-weight:700;font-size:13px;font-variant-numeric:tabular-nums}

a{color:var(--gold-hi);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:rgba(232,213,163,.42)}
a:hover{text-decoration-color:var(--gold-hi)}

.note{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:14px;
  padding:16px 18px;margin-top:24px}
.note p:first-child{margin-top:0}
.note--warm{border-color:rgba(201,169,97,.42);background:rgba(201,169,97,.08)}

dl{margin-top:16px}
dt{font-weight:700;margin-top:16px;color:var(--cream)}
dd{color:rgba(243,239,230,.86);margin-top:4px}

.back{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 22px;
  margin-top:44px;border:1px solid var(--line);border-radius:999px;color:var(--cream);
  text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.back:hover{border-color:var(--gold)}
footer{margin-top:46px;padding-top:22px;border-top:1px solid var(--line);
  font-size:13px;color:var(--faint);display:flex;gap:8px 20px;flex-wrap:wrap}
footer a{color:var(--muted)}
:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px;border-radius:6px}
@media(max-width:420px){body{font-size:15px;padding-inline:16px}}