/* PDFMax — shared styles for static content pages (legal, about, etc.) */
:root{
  --bg:#ffffff; --surface:#f7f5f0; --text:#1c1813; --text-mute:rgba(28,24,19,.66);
  --line:rgba(28,24,19,.12); --accent:#ff5a30;
}
@media (prefers-color-scheme: dark){
  :root{ --bg:#1c1813; --surface:#221d18; --text:#f5f1e9; --text-mute:rgba(245,241,233,.66); --line:rgba(255,255,255,.12); }
}
*{box-sizing:border-box;margin:0;padding:0;}
html{ -webkit-text-size-adjust:100%; }
body{
  font-family:"Bricolage Grotesque",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  background:var(--bg); color:var(--text); line-height:1.65;
  font-size:16px; padding-bottom:40px;
}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}
*:focus-visible{outline:3px solid var(--accent);outline-offset:2px;}
.page-header{
  border-bottom:1px solid var(--line); position:sticky; top:0;
  background:color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter:saturate(160%) blur(10px);
}
.page-header .wrap{
  max-width:880px; margin:0 auto; padding:14px 20px;
  display:flex; align-items:center; gap:14px;
}
.page-header .logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px;color:var(--text);}
.page-header .logo img{width:26px;height:26px;}
.page-header .logo .acc{color:var(--accent);}
.page-header nav{margin-left:auto;display:flex;gap:18px;font-size:14px;}
.page-header nav a{color:var(--text-mute);font-weight:600;}
.page-header nav a:hover{color:var(--accent);text-decoration:none;}
main.page{max-width:760px;margin:0 auto;padding:48px 20px 24px;}
main.page h1{font-size:clamp(28px,5vw,40px);font-weight:800;letter-spacing:-.02em;margin-bottom:8px;line-height:1.12;}
main.page .updated{color:var(--text-mute);font-size:14px;margin-bottom:28px;}
main.page h2{font-size:22px;font-weight:800;margin:34px 0 10px;letter-spacing:-.01em;}
main.page h3{font-size:17px;font-weight:700;margin:22px 0 6px;}
main.page p{margin:0 0 14px;color:var(--text-mute);}
main.page ul,main.page ol{margin:0 0 16px;padding-left:22px;color:var(--text-mute);}
main.page li{margin:6px 0;}
main.page strong{color:var(--text);}
.lead{font-size:18px;color:var(--text)!important;margin-bottom:24px!important;}
.callout{
  background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);
  border-radius:12px;padding:16px 18px;margin:18px 0;
}
.callout p:last-child{margin-bottom:0;}
.page-footer{
  max-width:880px;margin:48px auto 0;padding:24px 20px;border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:space-between;
  font-size:13px;color:var(--text-mute);
}
.page-footer nav{display:flex;flex-wrap:wrap;gap:8px 16px;}
.page-footer a{color:var(--text-mute);}
.page-footer a:hover{color:var(--accent);}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--accent);color:#fff;padding:10px 16px;font-weight:700;}
.skip-link:focus{left:0;z-index:10;}
@media (prefers-reduced-motion: reduce){ *{transition:none!important;animation:none!important;} }