/* Shared styling for terms / privacy / shipping / disclaimer.
   Matches the main site: forest + cream palette, Italiana display, DM Sans body. */
:root{
  --forest:#062f24; --forest-dark:#031e17; --cream:#f5f5e9; --paper:#efece2;
  --ink:#10382a; --muted:#506858; --gold:#8a7440; --line:#d8dbcf; --sage:#e4e9d9;
  --serif:'Italiana',Georgia,serif; --sans:'DM Sans',Arial,sans-serif;
  --pad:clamp(20px,5vw,64px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:var(--forest);text-decoration:underline;text-underline-offset:3px}
a:hover{color:#254e40}
:focus-visible{outline:2px solid #a78140;outline-offset:3px;border-radius:2px}

.skip{position:absolute;left:-9999px;top:0;padding:12px 18px;background:#fff;color:var(--ink);z-index:99}
.skip:focus{left:16px;top:16px}

header{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:0 var(--pad);height:84px;background:#062f24f7;color:var(--cream);
  border-bottom:1px solid #b8cdac33;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);
}
header a{color:inherit;text-decoration:none}
.brand{display:flex;align-items:center;gap:12px;line-height:.9;font-family:var(--serif);font-size:30px}
.brand-g{border:1px solid #b8cdac80;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-style:italic;font-size:32px;padding-bottom:7px;flex:none}
.brand-text small{display:block;font-family:var(--sans);font-size:9px;letter-spacing:.23em;margin-top:8px;padding-left:2px}
.back{font-size:14px;color:#dfe8d4;white-space:nowrap;border-bottom:1px solid #b8cdac80;padding:6px 0}
.back:hover{color:#fff}

main{max-width:800px;margin:0 auto;padding:clamp(40px,6vw,76px) var(--pad) 90px}
.eyebrow{font-size:12px;letter-spacing:.19em;font-weight:600;text-transform:uppercase;margin:0;color:var(--muted)}
h1{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;font-size:clamp(2.6rem,6vw,4.4rem);line-height:1.05;margin:14px 0 0}
.meta{font-size:13px;color:var(--muted);margin:16px 0 0;letter-spacing:.03em}

.toc{
  display:grid;gap:2px 22px;margin:36px 0 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));
}
.toc a{font-size:14.5px;text-decoration:none;color:var(--muted);padding:4px 0}
.toc a:hover{color:var(--forest);text-decoration:underline}

section{margin-top:46px;scroll-margin-top:110px}
h2{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;font-size:clamp(1.7rem,3.2vw,2.3rem);line-height:1.2;margin:0 0 14px}
h3{font-family:var(--serif);font-weight:400;font-size:1.4rem;margin:26px 0 8px}
p{font-size:16px;color:var(--muted);margin:0 0 14px}
strong{color:var(--ink);font-weight:600}
ul,ol{margin:0 0 14px;padding-left:22px}
li{font-size:16px;color:var(--muted);margin-bottom:8px}
.tok{color:var(--ink);font-weight:500}

section.flagged{border-left:3px solid #b4a075;padding-left:clamp(16px,2.6vw,26px)}
section.flagged h2::after{
  content:"Key section";display:inline-block;vertical-align:middle;margin-left:12px;
  font-family:var(--sans);font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  color:#6b5a2e;background:#efe6cf;border:1px solid #d9c9a0;padding:3px 9px;border-radius:999px;
}

table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:15px}
th,td{text-align:left;padding:12px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-weight:600}
td{color:var(--muted)}

.disclaim{margin-top:56px;padding:20px 22px;border-radius:3px;border:1px solid var(--line);background:var(--paper);font-size:13px;line-height:1.8;color:var(--muted)}

footer{background:var(--forest-dark);color:#e9ecdc;padding:42px var(--pad) 44px;text-align:center}
.fnav{display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:center;margin-bottom:20px}
.fnav a{font-size:14px;text-decoration:none;color:#dfe8d4}
.fnav a:hover{color:#fff;text-decoration:underline}
footer p{font-size:12px;letter-spacing:.06em;color:#b0bfad;margin:0}
footer .tok{color:inherit;font-weight:400}

@media(max-width:560px){
  header{height:70px}
  .brand{font-size:25px}
  .brand-g{width:38px;height:38px;font-size:27px}
  th,td{padding:10px 8px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}