/* Shared styles for the policy pages (terms, privacy, returns) */
:root{
  --red:#c21b3a; --black:#0a0a0a; --ink:#1a1a1a; --muted:#5f5f5f; --line:#d9d6d0;
  --paper:#f4f2ee; --card:#ebe8e2;
  --display:'Anton', Impact, 'Arial Narrow', sans-serif;
  --sans:'Space Grotesk', system-ui, sans-serif;
  --mono:'Space Mono', ui-monospace, monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--paper);scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
::selection{background:var(--red);color:#fff}
a{color:var(--red);text-underline-offset:3px}
a:hover{color:var(--black)}

.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 4vw;background:var(--black);color:var(--paper)}
.logo{font-family:var(--display);font-size:24px;letter-spacing:.02em;color:var(--paper);text-decoration:none;display:flex;align-items:baseline;gap:8px}
.logo span{font-family:'Caveat',cursive;font-size:21px;color:var(--red)}
.top nav{display:flex;gap:24px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.top nav a{color:var(--paper);text-decoration:none;opacity:.7}
.top nav a:hover,.top nav a[aria-current]{opacity:1;color:var(--paper)}
.top nav a[aria-current]{border-bottom:1.5px solid var(--red)}

.hero{background:var(--black);color:var(--paper);padding:9vh 4vw 7vh}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.7}
h1{font-family:var(--display);font-weight:400;font-size:clamp(52px,9vw,128px);line-height:.88;text-transform:uppercase;margin-top:14px}
h1 em{font-style:normal;color:var(--red)}
.hero p{max-width:620px;margin-top:22px;color:#c9c6c0;font-size:17px}
.updated{display:inline-block;margin-top:26px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9a9a9a}

.wrap{display:grid;grid-template-columns:240px minmax(0,720px);gap:6vw;padding:8vh 4vw 12vh;max-width:1200px}
.toc{position:sticky;top:90px;align-self:start;font-size:14px}
.toc b{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-weight:400}
.toc ol{list-style:none;counter-reset:t;display:flex;flex-direction:column;gap:8px}
.toc li{counter-increment:t;display:flex;gap:10px}
.toc li::before{content:counter(t,decimal-leading-zero);font-family:var(--mono);font-size:11px;color:var(--red);padding-top:3px}
.toc a{color:var(--ink);text-decoration:none}
.toc a:hover{color:var(--red)}

article section{padding-top:8px;margin-bottom:48px;scroll-margin-top:90px}
article h2{font-family:var(--display);font-weight:400;font-size:clamp(28px,3.4vw,40px);line-height:1;text-transform:uppercase;margin-bottom:16px;display:flex;gap:14px;align-items:baseline}
article h2 span{font-family:var(--mono);font-size:13px;color:var(--red);letter-spacing:.1em}
article h3{font-family:var(--sans);font-weight:700;font-size:17px;margin:22px 0 6px}
article p{margin-bottom:14px}
article ul,article ol{margin:0 0 16px 22px}
article li{margin-bottom:6px}
article strong{font-weight:700}

.summary{background:var(--black);color:var(--paper);border-radius:20px;padding:26px 28px;margin-bottom:48px}
.summary b{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:12px;font-weight:400}
.summary ul{list-style:none;margin:0;display:grid;gap:10px}
.summary li{padding-left:22px;position:relative;margin:0}
.summary li::before{content:"✦";position:absolute;left:0;color:var(--red)}

.box{background:var(--card);border-radius:16px;padding:20px 22px;margin:18px 0}
.box p:last-child{margin-bottom:0}
.form{border:1.5px dashed var(--muted);border-radius:16px;padding:22px;font-size:15px;background:#fff}
.form p{margin-bottom:10px}
table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:15px}
th,td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-bottom:1px solid var(--line)}
th{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:400}

/* details the owner must fill in before launch — easy to spot, easy to search for */
.fill{background:#ffe08a;color:var(--black);padding:0 4px;border-radius:3px}

.foot{background:var(--red);color:var(--paper);padding:6vh 4vw 4vh;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.foot a{color:var(--paper);text-decoration:none}
.foot a:hover{color:var(--black)}
.foot nav{display:flex;gap:24px;flex-wrap:wrap}

@media (max-width:860px){
  .wrap{grid-template-columns:1fr;gap:30px}
  .toc{position:static}
  .top nav{gap:14px}
  .top{padding:14px 16px}
  .logo span{display:none}
  .hero,.wrap,.foot{padding-left:16px;padding-right:16px}
  td,th{word-break:break-word}
  .top nav a.home{display:none}
}
@media print{
  .top,.toc,.foot{display:none}
  .hero{background:none;color:#000;padding:0 0 20px}
  .wrap{display:block;padding:0}
}