/* Shared styles for the legal pages (terms, privacy, refunds, cookies).
   Colors match index.html and are checked against WCAG AA contrast. */
:root{
  --green:#0D2D20; --gold-2:#D9B767; --gold-text:#86672E; --cream:#F4F1E8; --paper:#FBFAF6;
  --ink:#1C1F1B; --muted:#6E6A5C; --line:#E2DDCE; --foot-dim:#A39E88;
}
*{box-sizing:border-box}
body{margin:0; background:var(--cream); color:var(--ink); font-family:"Inter",system-ui,sans-serif; font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased}
:focus-visible{outline:2px solid var(--green); outline-offset:3px; border-radius:4px}
header :focus-visible, footer :focus-visible{outline-color:var(--gold-2)}
.skip{position:absolute; left:-9999px; top:0; background:#fff; color:var(--green); padding:10px 16px; z-index:100; font-weight:600}
.skip:focus{left:16px; top:12px}
header{background:var(--green); border-bottom:1px solid rgba(217,183,103,.22)}
header .bar{max-width:820px; margin:0 auto; padding:14px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px}
header img{height:30px; width:auto; display:block}
header a.home{color:#DCD6C4; font-size:.8rem; letter-spacing:.1em; text-transform:uppercase; text-decoration:none}
header a.home:hover{color:var(--gold-2); text-decoration:underline}
main{max-width:820px; margin:0 auto; padding:56px 24px 72px}
.eyebrow{font-size:.74rem; letter-spacing:.22em; text-transform:uppercase; font-weight:600; color:var(--gold-text); margin:0 0 .6rem}
h1,h2{font-family:"Cormorant Garamond",Georgia,serif; color:var(--green); font-weight:600; letter-spacing:.01em}
h1{font-size:clamp(2.2rem,6vw,3.2rem); line-height:1.05; margin:0 0 10px}
h2{font-size:1.6rem; margin:44px 0 10px; padding-top:18px; border-top:1px solid var(--line)}
h3{font-size:1rem; margin:24px 0 6px; color:var(--green)}
.updated{color:var(--muted); font-size:.9rem; margin:0 0 28px}
.summary{background:var(--paper); border:1px solid var(--line); border-radius:14px; padding:18px 22px; margin:0 0 8px}
.summary p{margin:0}
main a{color:var(--green); text-decoration:underline; text-underline-offset:2px}
main a:hover{color:var(--gold-text)}
ul{padding-left:22px}
li{margin:6px 0}
table{width:100%; border-collapse:collapse; margin:14px 0 6px; font-size:.92rem; background:#fff; border:1px solid var(--line); border-radius:10px; overflow:hidden}
th,td{text-align:left; vertical-align:top; padding:10px 12px; border-bottom:1px solid var(--line)}
th{background:var(--paper); color:var(--green); font-weight:600}
tr:last-child td{border-bottom:none}
code{font-size:.88em; background:#EFEDE5; padding:1px 5px; border-radius:4px}
.table-scroll{overflow-x:auto}
footer{background:var(--green); color:#C9C3B1; font-size:.9rem; padding:40px 0 36px}
footer .wrap{max-width:820px; margin:0 auto; padding:0 24px}
footer a{color:var(--gold-2)}
footer nav ul{list-style:none; padding:0; margin:0 0 18px; display:flex; flex-wrap:wrap; gap:8px 22px}
footer nav a{text-decoration:none}
footer nav a:hover, footer nav a[aria-current="page"]{text-decoration:underline}
footer .biz{margin:0; line-height:1.7}
footer .dim{color:var(--foot-dim); font-size:.84rem; margin-top:14px}
@media (max-width:640px){ main{padding:40px 18px 56px} h2{font-size:1.4rem} }
@media print{ header, footer, .skip{display:none} body{background:#fff} }
