/* ============================================================
   Arcnode IT — legal / document pages
   Shared styling for Terms of Trade, Privacy, Website Terms,
   Cookies, and Security. Built on the main site design tokens
   (site.css), so these pages match the rest of the site and adapt
   to light and dark mode automatically.
   ============================================================ */

/* kicker / eyebrow */
.kicker{font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--text-secondary)}

/* doc hero */
.doc-hero{padding:clamp(7rem,14vh,9rem) 0 clamp(2rem,5vh,3rem);border-bottom:1px solid var(--border)}
.doc-hero .eyebrow{margin-bottom:1.4rem}
.doc-hero h1{font-size:clamp(2.2rem,5.5vw,4rem);font-weight:800;letter-spacing:-.035em;line-height:1.02;color:var(--text-primary);max-width:18ch}
.doc-hero p.lede{margin-top:1.2rem;font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--text-secondary);max-width:54ch}
.doc-hero .eff{margin-top:1.6rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}

/* doc body */
main.doc{padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(4rem,8vw,6rem)}
.doc-col{max-width:760px;margin-left:auto;margin-right:auto}
main.doc h1{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin:2.6rem 0 1rem;padding-top:1.6rem;border-top:1px solid var(--border);line-height:1.15}
main.doc h1:first-of-type{margin-top:0;border-top:none;padding-top:0}
main.doc h3{font-size:1.12rem;font-weight:700;color:var(--text-primary);margin:1.8rem 0 .6rem}
main.doc p{margin:0 0 1rem;color:var(--text-primary);font-size:1rem;line-height:1.65}
main.doc strong{color:var(--text-primary);font-weight:700}
main.doc ul,main.doc ol{margin:0 0 1rem 1.3rem}
main.doc li{margin:0 0 .5rem;color:var(--text-primary);line-height:1.65}
main.doc em{color:var(--text-secondary)}
main.doc a{color:var(--accent)}

/* callout */
.callout{background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:1.1rem 1.3rem;margin:1.4rem 0}
.callout p{margin:0 0 .6rem}
.callout p:last-child{margin:0}
.callout p:first-child strong{color:var(--accent)}

/* tables */
table.doc-table{width:100%;border-collapse:collapse;margin:1.4rem 0;font-size:.95rem}
table.doc-table td,table.doc-table th{border:1px solid var(--border);padding:.7rem .9rem;text-align:left;vertical-align:top;color:var(--text-primary)}
table.doc-table tr:first-child td strong,table.doc-table th{color:var(--text-primary)}
@media(max-width:560px){table.doc-table{font-size:.84rem}table.doc-table td,table.doc-table th{padding:.5rem .6rem}}