/* Seeble — shared styles for /policy legal pages
   Mirrors the cosmic theme of the homepage, tuned for long-form reading. */
:root{
  --gold:#E7C684; --gold-lt:#F4DDA8; --ink:#07051a;
  --text:#F3F0FF; --muted:#CFC8E8; --muted2:#C2BADD; --muted3:#ABA2C8;
  --card:rgba(124,90,220,.06); --line:rgba(231,198,132,.16); --line-soft:rgba(231,198,132,.12);
  --serif:'Cormorant Garamond',serif; --sans:'Manrope',system-ui,sans-serif;
  --maxw:820px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0; font-family:var(--sans); color:var(--text); font-weight:500;
  background:radial-gradient(130% 70% at 50% -10%, #1c1448 0%, #0c0922 52%, #07051a 100%) fixed, var(--ink);
  overflow-x:hidden; line-height:1.7; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
a{color:var(--gold); text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%;}
h1,h2,h3,h4{font-family:var(--serif); font-weight:700; margin:0; line-height:1.1;}

/* nav */
.nav{position:sticky; top:0; z-index:30; backdrop-filter:blur(10px); background:rgba(9,7,30,.72);
  border-bottom:1px solid var(--line-soft);}
.nav-inner{display:flex; align-items:center; justify-content:space-between; padding:16px 24px; max-width:1180px; margin:0 auto;}
.brand{display:flex; align-items:center; gap:11px;}
.brand .mark{height:30px; width:auto; display:block;}
.brand .lettering{height:19px; width:auto; display:block;}
.nav-back{font-size:14px; color:var(--muted); display:inline-flex; align-items:center; gap:6px;}
.nav-back:hover{color:var(--gold); text-decoration:none;}

/* doc */
.doc{max-width:var(--maxw); margin:0 auto; padding:46px 24px 80px;}
.crumbs{font-size:13px; color:var(--muted3); margin-bottom:22px;}
.crumbs a{color:var(--muted2);}
.doc h1{font-size:46px; letter-spacing:-.01em; margin:0 0 10px;}
.updated{font-size:13.5px; color:var(--muted3); margin:0 0 12px;}
.lede{font-size:17px; color:var(--muted); margin:0 0 34px;}
.doc h2{font-size:28px; color:var(--text); margin:40px 0 12px; padding-top:8px; border-top:1px solid var(--line-soft);}
.doc h2:first-of-type{border-top:0; padding-top:0;}
.doc h3{font-size:21px; color:var(--gold); margin:26px 0 8px;}
.doc p{font-size:15.5px; line-height:1.75; color:var(--muted2); margin:0 0 14px;}
.doc ul,.doc ol{font-size:15.5px; line-height:1.75; color:var(--muted2); margin:0 0 16px; padding-left:22px;}
.doc li{margin-bottom:8px;}
.doc strong{color:var(--text); font-weight:600;}
.doc a{color:var(--gold);}

/* callout for placeholders the merchant must fill in */
.fill{background:rgba(231,198,132,.08); border:1px dashed rgba(231,198,132,.4); border-radius:6px;
  padding:1px 7px; color:var(--gold-lt); font-size:.94em; font-weight:600;}
.note{background:var(--card); border:1px solid var(--line); border-left:3px solid var(--gold);
  border-radius:10px; padding:16px 18px; margin:0 0 22px; font-size:14.5px; color:var(--muted);}
.note strong{color:var(--gold-lt);}

/* legal-center index cards */
.hub{display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:8px;}
.hub a{display:block; padding:22px 22px; border:1px solid var(--line); border-radius:14px; background:var(--card);
  color:var(--text); transition:border-color .18s ease, transform .18s ease;}
.hub a:hover{border-color:var(--gold); transform:translateY(-2px); text-decoration:none;}
.hub a .t{font-family:var(--serif); font-size:22px; display:block; margin-bottom:5px;}
.hub a .d{font-size:13.5px; color:var(--muted3); line-height:1.5;}

/* related links */
.related{margin-top:44px; padding-top:22px; border-top:1px solid var(--line-soft); font-size:14px; color:var(--muted3);}
.related a{margin-right:16px; white-space:nowrap;}

/* footer */
.pfoot{border-top:1px solid var(--line-soft); padding:26px 24px; text-align:center;}
.pfoot .links{display:flex; flex-wrap:wrap; justify-content:center; gap:8px 18px; font-size:13px; margin-bottom:12px;}
.pfoot .links a{color:var(--muted2);}
.pfoot .copy{font-size:12.5px; color:#7c749b;}

@media (max-width:640px){
  .doc{padding:30px 18px 60px;}
  .doc h1{font-size:34px;}
  .doc h2{font-size:23px;}
  .doc p,.doc ul,.doc ol{font-size:16px;}
  .hub{grid-template-columns:1fr;}
}