/* Shared styling for the legal pages. Mirrors index.html so the three
   documents read as part of the same site. */

:root{
  --ink:#0d1420;
  --paper:#ffffff;
  --muted:#5c6773;
  --line:#e4e8ee;
  --accent:#2f6bff;
  --max:1080px;
  --read:740px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}
.mono{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;font-size:12px}

header.top{background:var(--ink);color:#fff;padding:26px 0 48px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:6px}
.brand{display:flex;align-items:center;gap:15px;text-decoration:none}
.brand img.logo{width:48px;height:48px;object-fit:contain;display:block}
.brand .bname{line-height:1.25;color:#aeb9c8}
.back{color:#cdd7e6;text-decoration:none;border:1px solid #35425a;border-radius:999px;padding:9px 16px;transition:border-color .12s ease,background .12s ease}
.back:hover{border-color:#5a6d8c;background:#182337}
header.top h1{font-size:clamp(30px,5vw,44px);font-weight:800;line-height:1.05;letter-spacing:-.02em;margin-top:40px}
header.top .sub{color:#aeb9c8;margin-top:12px;font-size:15px}

main{padding:52px 0 74px}
main .wrap{max-width:var(--read)}
.meta{color:var(--muted);font-size:14px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:30px}
.meta div{margin-bottom:3px}
h2{font-size:19px;font-weight:700;letter-spacing:-.01em;margin:36px 0 10px}
h2:first-of-type{margin-top:0}
h3{font-size:16px;font-weight:600;margin:20px 0 8px}
p{color:#33404f;margin-bottom:12px}
ul{margin:0 0 14px 22px}
li{color:#33404f;margin-bottom:6px}
a{color:var(--accent)}
a:hover{color:#245bdd}
table{border-collapse:collapse;width:100%;margin:8px 0 18px;font-size:15px}
th,td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;color:#33404f}
th{background:#fafbfc;font-weight:600}
.note{background:#fafbfc;border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:18px 0}
.note p:last-child{margin-bottom:0}
.todo{background:#fff8e6;border:1px solid #f0dca8;border-radius:12px;padding:18px 20px;margin:18px 0}
.todo p:last-child{margin-bottom:0}

footer{background:var(--ink);color:#fff;padding:54px 0 40px;margin-top:20px}
.foot-lines{display:flex;gap:54px;flex-wrap:wrap}
.foot-lines .k{color:#7c8aa0;margin-bottom:6px}
.foot-lines a{color:#fff;text-decoration:none;font-weight:500}
.foot-lines a:hover{color:#9db8ff}
.copyright{margin-top:38px;color:#5b6779;font-size:13px;border-top:1px solid #212c3e;padding-top:22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.copyright img{width:22px;height:22px;object-fit:contain;opacity:.7}
.copyright a{color:#8fa0b8;text-decoration:none}
.copyright a:hover{color:#9db8ff}

@media(max-width:720px){
  header.top h1{margin-top:30px}
  .foot-lines{gap:26px}
}