/* GripZone Tires — Privacy Policy & SMS Terms pages */
:root{--cream:#f2ece3;--paper:#faf6f0;--ink:#1c1b19;--grey:#5a5a58;--orange:#e8742a;--line:rgba(28,27,25,.14);--r:28px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);font:400 17px/1.7 Inter,system-ui,sans-serif}
a{color:inherit}
.wrap{width:min(1120px,100% - 32px);margin-inline:auto}
h1,h2,h3{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;line-height:1;letter-spacing:.01em}
em.s{font-family:"Instrument Serif",serif;font-style:italic;text-transform:none;color:var(--orange);font-weight:400;letter-spacing:0}
.tag{display:inline-block;font:600 12px/1 Inter;letter-spacing:.14em;text-transform:uppercase;padding:.6em 1em;border:1.5px solid currentColor;border-radius:999px}

header{padding:16px 0}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(250,246,240,.9);border:1px solid var(--line);border-radius:999px;padding:8px 8px 8px 18px}
.nav img{height:44px;display:block}
.nav .back{font-weight:600;font-size:15px;text-decoration:none;padding:.7em 1.2em;border-radius:999px;border:2px solid var(--ink)}
.nav .back:hover{background:var(--ink);color:var(--paper)}

.top{padding:clamp(44px,6vw,88px) 0 clamp(28px,4vw,48px)}
.top h1{font-size:clamp(46px,7.5vw,108px);margin:20px 0 18px}
.top p{color:var(--grey);font-size:18px;max-width:64ch}
.meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;font-size:14px;color:var(--grey)}
.meta span{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:.4em .9em}

.layout{display:grid;grid-template-columns:260px 1fr;gap:32px;padding-bottom:clamp(64px,8vw,110px);align-items:start}
.toc{position:sticky;top:20px;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:20px}
.toc b{font:600 13px Oswald;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:10px}
.toc ol{list-style:none;counter-reset:t;display:flex;flex-direction:column;gap:6px;font-size:14px}
.toc li{counter-increment:t}
.toc li::before{content:counter(t) ". ";color:var(--orange);font-weight:600}
.toc a{text-decoration:none}.toc a:hover{text-decoration:underline}

.doc{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:clamp(24px,4vw,52px)}
.doc section{scroll-margin-top:20px}
.doc section+section{margin-top:34px;padding-top:30px;border-top:1px solid var(--line)}
.doc h2{font-size:clamp(24px,2.6vw,32px);margin-bottom:14px}
.doc h3{font-size:19px;margin:18px 0 8px}
.doc p,.doc li{color:#34332f;font-size:16.5px}
.doc p+p{margin-top:10px}
.doc ul{margin:10px 0 0 1.1em;display:flex;flex-direction:column;gap:6px}
.doc table{width:100%;border-collapse:collapse;margin-top:12px;font-size:15px}
.doc th,.doc td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.doc th{font:600 13px Oswald;letter-spacing:.08em;text-transform:uppercase;background:var(--cream)}
.callout{background:var(--ink);color:var(--paper);border-radius:18px;padding:20px 22px;margin-top:14px}
.callout p,.callout li{color:#e9e3d9}
.callout b{color:#ffb27c}
.kw{display:inline-block;font:700 14px/1 Oswald;letter-spacing:.08em;background:var(--orange);color:#fff;border-radius:6px;padding:.35em .6em;margin:0 2px}
.contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:12px}
.contact div{background:var(--cream);border-radius:14px;padding:14px 16px;font-size:15px}
.contact b{display:block;font:600 13px Oswald;letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}

footer{border-top:1px solid var(--line);padding:24px 0 40px;font-size:14px;color:var(--grey)}
footer .row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer .row a{text-decoration:none;margin-right:18px}
.legal{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.legal a{font:500 12px/1 Inter,system-ui,sans-serif;letter-spacing:.04em;text-decoration:none;padding:.65em 1.1em;border:1px solid var(--line);border-radius:999px;color:var(--grey);transition:background .2s,color .2s}
.legal a:hover,.legal a[aria-current]{background:var(--ink);color:var(--paper);border-color:var(--ink)}

@media(max-width:860px){.layout{grid-template-columns:1fr}.toc{position:static}}
@media print{header,.toc,footer,.legal{display:none}.layout{display:block}.doc{border:0;padding:0}body{background:#fff}}

/* top-bar policy buttons */
.nav .pol{font-weight:600;font-size:14px;text-decoration:none;padding:.65em 1.1em;border-radius:999px;border:1.5px solid var(--line);white-space:nowrap}
.nav .pol:hover,.nav .pol[aria-current]{background:var(--orange);border-color:var(--orange);color:var(--paper)}
.navbtns{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:700px){.nav{border-radius:24px;flex-wrap:wrap}
.navbtns{width:100%;justify-content:center}
.nav .back{display:none}
}