:root { --ink:#242824; --muted:#5d645c; --orange:#e87920; --paper:#f6f5f1; --white:#fff; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font:16px/1.7 "Montserrat",Arial,sans-serif; }
.site-header { min-height:82px; padding:12px max(5vw,24px); display:flex; align-items:center; justify-content:space-between; gap:24px; color:var(--white); background:#1f251f; }
.brand { display:inline-flex; align-items:center; gap:12px; color:inherit; font-weight:700; text-decoration:none; }
.brand img { width:50px; height:50px; object-fit:contain; }
.home-link { padding:9px 16px; border:1px solid rgba(255,255,255,.65); border-radius:999px; color:var(--white); font-size:13px; font-weight:700; text-decoration:none; }
.home-link:hover,.home-link:focus-visible { color:#1f251f; background:var(--white); }
.cookies-page { width:min(920px,calc(100% - 40px)); margin:0 auto; padding:76px 0 88px; }
.cookies-hero { max-width:700px; margin:0 auto 42px; text-align:center; }
.eyebrow { margin:0 0 12px; color:var(--orange); font-size:12px; font-weight:700; letter-spacing:.18em; }
h1,h2 { font-family:"Cormorant Garamond",Georgia,serif; color:var(--ink); }
h1 { margin:0; font-size:clamp(42px,7vw,68px); line-height:1; }
.cookies-hero > p:not(.eyebrow):not(.updated) { margin:22px auto 12px; color:var(--muted); font-size:clamp(16px,2.2vw,19px); }
.updated { margin:0; color:var(--muted); font-size:13px; }
.cookie-content { padding:12px clamp(24px,5vw,58px) 28px; border-radius:10px; background:var(--white); box-shadow:0 16px 42px rgba(31,37,31,.09); }
section { padding:30px 0; border-bottom:1px solid #e4e5e1; }
section:last-child { border-bottom:0; }
h2 { margin:0 0 12px; font-size:clamp(27px,4vw,34px); line-height:1.1; }
p { margin:0 0 15px; } p:last-child { margin-bottom:0; }
a { color:#a34d12; font-weight:700; } a:hover,a:focus-visible { color:#6e330c; }
.table-wrap { overflow-x:auto; }
table { width:100%; min-width:620px; border-collapse:collapse; font-size:14px; }
th,td { padding:14px; border:1px solid #dde1da; vertical-align:top; text-align:left; }
th { color:#fff; background:#607c6c; }
td:first-child { font-weight:700; } code { font-size:.88em; overflow-wrap:anywhere; }
footer { padding:26px 20px; color:#dfe5de; background:#1f251f; text-align:center; font-size:13px; } footer p { margin:0; }
@media (max-width:600px) { .site-header { min-height:auto; padding:14px 20px; } .brand span { display:none; } .brand img { width:44px; height:44px; } .cookies-page { width:min(100% - 28px,920px); padding:48px 0 56px; } .cookies-hero { margin-bottom:30px; } .cookie-content { padding:4px 22px 18px; } section { padding:25px 0; } }
