/* SipQuest — shared styles for legal / support document pages */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('./fonts/inter-400.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('./fonts/inter-500.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('./fonts/inter-600.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('./fonts/inter-700.woff2') format('woff2');}
@font-face{font-family:'Oswald';font-style:normal;font-weight:600;font-display:swap;src:url('./fonts/oswald-600.woff2') format('woff2');}
@font-face{font-family:'Oswald';font-style:normal;font-weight:700;font-display:swap;src:url('./fonts/oswald-700.woff2') format('woff2');}

:root{
  --canvas:#07070D; --violet:#7B2CFF; --violet-hot:#A855F7; --magenta:#FF2ECF;
  --cyan:#00E5FF; --hydration:#22F6B2;
  --text:#F3F1FB; --text-muted:#CFCADF; --text-faint:#9B94B8;
  --border:rgba(159,123,255,.18);
  --display:'Oswald','Arial Narrow',sans-serif;
  --body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth;}
body{margin:0; background:var(--canvas); color:var(--text-muted);
  font-family:var(--body); font-size:17px; line-height:1.7; -webkit-font-smoothing:antialiased;
  background-image:radial-gradient(900px 600px at 50% -10%, rgba(123,44,255,.18), transparent 60%);
  background-repeat:no-repeat;}
a{color:var(--cyan); text-decoration:none;}
a:hover{text-decoration:underline;}
:focus-visible{outline:2px solid var(--cyan); outline-offset:3px; border-radius:6px;}

.topbar{position:sticky; top:0; z-index:10; backdrop-filter:blur(12px);
  background:rgba(9,7,18,.7); border-bottom:1px solid var(--border);}
.topbar .inner{max-width:820px; margin:0 auto; padding:16px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px;}
.brand{font-family:var(--display); font-weight:700; font-size:22px; color:#fff; letter-spacing:.03em;
  text-shadow:0 0 22px rgba(123,44,255,.8);}
.brand b{color:var(--magenta);}
.back{font-family:var(--body); font-size:14px; font-weight:500; color:var(--text-faint); display:inline-flex; align-items:center; gap:6px;}
.back:hover{color:#fff; text-decoration:none;}
.back svg{width:16px; height:16px;}

main{max-width:820px; margin:0 auto; padding:56px 24px 40px;}
.doc-head{margin-bottom:40px; padding-bottom:28px; border-bottom:1px solid var(--border);}
.eyebrow{font-family:var(--display); text-transform:uppercase; letter-spacing:.2em; font-size:12px;
  font-weight:600; color:var(--cyan); margin:0 0 12px;}
h1{font-family:var(--display); font-weight:700; text-transform:uppercase; color:#fff;
  font-size:clamp(34px,6vw,52px); line-height:1.02; margin:0; letter-spacing:.01em;}
.updated{margin-top:14px; font-size:14px; color:var(--text-faint);}
.intro{font-size:18px; color:var(--text); margin-top:20px;}

h2{font-family:var(--display); font-weight:600; text-transform:uppercase; color:#fff;
  font-size:26px; letter-spacing:.02em; margin:46px 0 14px; scroll-margin-top:80px;}
h3{font-family:var(--body); font-weight:700; color:var(--text); font-size:19px; margin:28px 0 10px;}
p{margin:0 0 16px;}
ul,ol{margin:0 0 16px; padding-left:22px;}
li{margin-bottom:9px;}
strong{color:var(--text);}
.lead-note{border:1px solid rgba(34,246,178,.25); background:rgba(34,246,178,.06);
  padding:16px 20px; border-radius:14px; margin:0 0 24px; color:var(--text);}
.callout{border:1px solid rgba(255,200,77,.3); background:rgba(255,200,77,.05);
  padding:18px 22px; border-radius:14px; margin:24px 0;}
.callout strong{color:#FFC84D;}

table.summary{width:100%; border-collapse:collapse; margin:16px 0 24px; font-size:15.5px;}
table.summary th,table.summary td{text-align:left; padding:12px 14px; border-bottom:1px solid var(--border); vertical-align:top;}
table.summary th{font-family:var(--display); text-transform:uppercase; letter-spacing:.06em; font-size:13px; color:var(--text-faint); font-weight:600;}
.table-wrap{overflow-x:auto;}

.toc{background:rgba(255,255,255,.025); border:1px solid var(--border); border-radius:16px; padding:20px 24px; margin:0 0 36px;}
.toc h4{font-family:var(--display); text-transform:uppercase; letter-spacing:.14em; font-size:13px; color:var(--text-faint); margin:0 0 12px;}
.toc ol{margin:0; padding-left:20px; columns:2; column-gap:32px;}
.toc a{color:var(--text-muted); font-weight:500;}
@media (max-width:560px){ .toc ol{columns:1;} }

footer{border-top:1px solid var(--border); margin-top:56px;}
footer .inner{max-width:820px; margin:0 auto; padding:28px 24px 44px; display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; font-size:13.5px; color:var(--text-faint);}
footer a{color:var(--text-muted);}
footer .links{display:flex; gap:20px; flex-wrap:wrap;}
footer .age{color:var(--hydration); font-weight:700;}