/* Shared styles for stophold legal pages. Inlined into privacy.html / terms.html. */
:root {
  --bg:#F3F4F7; --surface:#FFFFFF; --fg:#13151A; --fg-2:#414651; --fg-3:#717784;
  --rule:#D3D7DF; --rule-2:#B9BFCA; --accent:#CC2512; --accent-on:#FFFFFF;
  --mono: ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
  --sans: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root{ --bg:#0E1014; --surface:#161A20; --fg:#ECEFF3; --fg-2:#AEB5C0;
    --fg-3:#7C838F; --rule:#252B34; --rule-2:#363E4A; --accent:#FF5C3C; --accent-on:#13151A; }
}
:root[data-theme="dark"]{ --bg:#0E1014; --surface:#161A20; --fg:#ECEFF3; --fg-2:#AEB5C0;
  --fg-3:#7C838F; --rule:#252B34; --rule-2:#363E4A; --accent:#FF5C3C; --accent-on:#13151A; }
:root[data-theme="light"]{ --bg:#F3F4F7; --surface:#FFFFFF; --fg:#13151A; --fg-2:#414651;
  --fg-3:#717784; --rule:#D3D7DF; --rule-2:#B9BFCA; --accent:#CC2512; --accent-on:#FFFFFF; }
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin-inline:auto;padding-inline:clamp(1.25rem,5vw,2rem)}
a{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.masthead{border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:20;
  background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px)}
.masthead__inner{max-width:760px;margin-inline:auto;padding-inline:clamp(1.25rem,5vw,2rem);
  display:flex;align-items:center;justify-content:space-between;gap:1rem;height:62px}
.wordmark{font-weight:800;letter-spacing:-.05em;font-size:2.05rem;text-decoration:none;
  color:var(--fg);display:inline-flex;align-items:baseline}
.wordmark__bubble{width:.60em;height:.667em;fill:var(--accent);flex:none;
  margin-inline:.03em;transform:translateY(.13em)}
.masthead__meta{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--fg-3)}
main{padding-block:clamp(2.5rem,6vw,4rem) clamp(3rem,8vw,5rem)}
h1{font-size:clamp(2rem,5vw,2.9rem);letter-spacing:-.03em;line-height:1.05;
  margin:0 0 .6rem;text-wrap:balance;font-weight:800}
h2{font-size:1.22rem;letter-spacing:-.015em;margin:2.6rem 0 .7rem;font-weight:750;
  padding-top:1.4rem;border-top:1px solid var(--rule)}
h3{font-size:1rem;margin:1.6rem 0 .5rem;font-weight:700}
p,li{color:var(--fg-2)}
p{margin:0 0 1rem}
ul{padding-left:1.15rem;margin:0 0 1rem}
li{margin-bottom:.4rem}
strong{color:var(--fg);font-weight:650}
.dateline{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--fg-3);margin-bottom:2rem}
.lede{font-size:1.06rem;color:var(--fg-2);margin-bottom:.5rem}
.callout{border:1px solid var(--rule-2);border-left:4px solid var(--accent);
  background:var(--surface);padding:1.1rem 1.3rem;margin:1.4rem 0}
.callout p:last-child{margin-bottom:0}
table{width:100%;border-collapse:collapse;margin:1.2rem 0;font-size:.94rem}
th,td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--rule)}
th{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--fg-3);font-weight:600}
.tablewrap{overflow-x:auto}
.foot{border-top:1px solid var(--rule);padding-block:1.6rem;font-family:var(--mono);
  font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);
  display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between}
.foot a{color:inherit}