/* Shared style for the policy pages, matching the wall's retro look. */
:root{
  --bg:#dfe6ee; --bg-stripe:#d6dee8; --panel:#ffffff;
  --line:#aebccb; --text:#2b2b2b; --muted:#666f78; --link:#0645ad;
  --head-1:#2d6db5; --head-2:#174a86; --head-line:#0f3563;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#1b2330; --bg-stripe:#18202b; --panel:#232d3b;
    --line:#3c4b5e; --text:#e3e8ee; --muted:#9aa6b3; --link:#7fb2ff;
    --head-1:#24568f; --head-2:#12355f; --head-line:#0a2340;
  }
}
:root[data-theme="dark"]{
  --bg:#1b2330; --bg-stripe:#18202b; --panel:#232d3b;
  --line:#3c4b5e; --text:#e3e8ee; --muted:#9aa6b3; --link:#7fb2ff;
  --head-1:#24568f; --head-2:#12355f; --head-line:#0a2340;
}
*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;color:var(--text);font:13px/1.6 Verdana,Tahoma,Geneva,sans-serif;
  background:var(--bg) repeating-linear-gradient(45deg,var(--bg) 0 6px,var(--bg-stripe) 6px 12px);
}
a{color:var(--link)}
header{
  background:linear-gradient(to bottom,var(--head-1) 0%,var(--head-1) 48%,var(--head-2) 52%,var(--head-2) 100%);
  border-bottom:3px solid var(--head-line);box-shadow:0 2px 4px rgba(0,0,0,.35);color:#fff;
  text-align:center;padding:8px 16px;
}
header a{color:#fff;text-decoration:none}
header h1{margin:0;font:bold 21px/1.2 Georgia,"Times New Roman",serif;text-shadow:0 2px 0 var(--head-line),0 3px 4px rgba(0,0,0,.4)}
header p{margin:2px 0 0;font:italic 12px Georgia,serif;color:#dbe9ff}
main{max-width:760px;margin:16px auto;padding:0 16px}
.box{background:var(--panel);border:1px solid var(--line);border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.box h2{
  margin:0;padding:6px 12px;font:bold 14px Verdana,sans-serif;color:#fff;
  background:linear-gradient(to bottom,#6f8eb3,#4a6b93);border-bottom:1px solid #3a5577;
  border-radius:4px 4px 0 0;text-shadow:0 -1px 0 rgba(0,0,0,.4);
}
.box .in{padding:10px 16px 14px}
.box h3{font:bold 13px Verdana,sans-serif;margin:16px 0 4px}
.box ul{padding-left:20px;margin:4px 0}
.muted{color:var(--muted);font-size:11px}
footer{text-align:center;font-size:11px;color:var(--muted);padding:4px 16px 16px}
footer a{color:var(--muted)}
