/* Shared styles for the legal pages (privacy-policy, terms-of-use,
   refund-policy). Same palette and font as index.html. */
:root{
  --bg:#0d1117; --bg-2:#161b22; --bg-3:#1c2333;
  --border:#30363d;
  --accent:#f97316; --accent-hover:#fb923c; --accent-ring:rgba(249,115,22,.2);
  --text:#e6edf3; --text-2:#9da5ae; --text-3:#848d97;
  --font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:var(--font); line-height:1.65;
  -webkit-font-smoothing:antialiased;
  display:flex; flex-direction:column; min-height:100vh;
}
a{color:var(--accent); text-decoration:none}
a:hover,a:focus-visible{color:var(--accent-hover); text-decoration:underline}
.wrap{width:100%; max-width:760px; margin:0 auto; padding:0 24px}

header{padding:24px 0; border-bottom:1px solid var(--border)}
.head{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 20px}
.brand{display:inline-flex; align-items:center; gap:10px; color:var(--text); font-weight:700; letter-spacing:-.01em}
.brand:hover{text-decoration:none; color:var(--text)}
.brand img{width:26px; height:26px; border-radius:6px; display:block}
.legal-nav{display:flex; flex-wrap:wrap; gap:6px 18px; font-size:.9rem}
.legal-nav a{color:var(--text-2)}
.legal-nav a[aria-current="page"]{color:var(--text); font-weight:600}

main{padding:40px 0 64px}
h1{margin:0 0 6px; font-size:clamp(1.8rem,4vw,2.4rem); line-height:1.15; letter-spacing:-.02em}
.updated{margin:0 0 28px; color:var(--text-3); font-size:.9rem}
.summary{
  margin:0 0 36px; padding:16px 18px; border:1px solid var(--border); border-radius:10px;
  background:var(--bg-2); color:var(--text-2); font-size:.95rem;
}
.summary strong{color:var(--text)}
h2{margin:40px 0 12px; font-size:1.3rem; letter-spacing:-.01em; scroll-margin-top:24px}
h3{margin:22px 0 8px; font-size:1.05rem; color:var(--text)}
p,li{color:var(--text-2)}
p{margin:0 0 12px}
ul,ol{margin:0 0 14px; padding-left:22px}
li{margin:0 0 6px}
li::marker{color:var(--text-3)}
strong{color:var(--text)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.9em; color:var(--text)}
table{width:100%; border-collapse:collapse; margin:8px 0 18px; font-size:.93rem}
th,td{text-align:left; vertical-align:top; padding:8px 10px; border-bottom:1px solid var(--border); color:var(--text-2)}
th{color:var(--text); font-weight:600}
.table-scroll{overflow-x:auto}
.toc{margin:0 0 8px; padding-left:22px; columns:2; column-gap:28px}
.toc li{break-inside:avoid; font-size:.93rem}
@media (max-width:560px){.toc{columns:1}}

footer{
  margin-top:auto; border-top:1px solid var(--border); padding:24px 0 32px;
  color:var(--text-3); font-size:.875rem;
}
.foot{display:flex; flex-wrap:wrap; gap:8px 20px; align-items:center; justify-content:space-between}
.foot nav{display:flex; flex-wrap:wrap; gap:8px 18px}
.foot a{color:var(--text-3)}
.foot a:hover,.foot a:focus-visible{color:var(--text-2)}