/* Shared look for the Support, Privacy and Terms pages. System fonts only, so
   reading these pages never contacts a third party. */
:root{
  --paper:#f9f5eb; --card:#ffffff; --ink:#17212e; --ink-dim:#5f6975; --rail:#e3ddcf;
  --accent:#00807d; --accent-text:#006e6b; --teal-soft:#e2f3ee; --warn:#8a4b1f; --warn-bg:#fdf0e4;
}
@media (prefers-color-scheme: dark){
  :root{--paper:#121629; --card:#1b2038; --ink:#eeecf6; --ink-dim:#a6abc2; --rail:#2d3354; --accent-text:#4fcfc8; --teal-soft:#14383a; --warn:#f3b27f; --warn-bg:#3a2d2a;}
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0; background:var(--paper); color:var(--ink); font:16px/1.6 -apple-system, "Segoe UI", system-ui, sans-serif;}
.wrap{max-width:720px; margin:0 auto; padding:20px 18px 80px;}
nav.top{display:flex; flex-wrap:wrap; align-items:center; gap:6px 18px; padding:6px 0 18px; border-bottom:1px solid var(--rail); margin-bottom:26px; font-size:14px; font-weight:600;}
nav.top a{color:var(--ink-dim); text-decoration:none;}
nav.top a[aria-current="page"], nav.top a:hover{color:var(--accent-text);}
nav.top .brand{margin-right:auto; color:var(--ink); font-weight:800; font-size:17px; letter-spacing:-.02em;}
h1{font-size:30px; line-height:1.15; letter-spacing:-.03em; margin:0 0 8px;}
h2{font-size:20px; letter-spacing:-.02em; margin:34px 0 8px;}
h3{font-size:16px; margin:20px 0 4px;}
p, li{color:var(--ink);}
.lede{color:var(--ink-dim); font-size:17px; margin:0 0 20px;}
.meta{font-size:13px; color:var(--ink-dim);}
a{color:var(--accent-text);}
ul{padding-left:22px;}
li{margin:4px 0;}
.draft{background:var(--warn-bg); color:var(--ink); border:1px solid var(--warn); border-radius:14px; padding:12px 16px; margin:0 0 22px; font-size:14px;}
.draft strong{color:var(--warn);}
.todo{background:var(--warn-bg); color:var(--warn); border-radius:6px; padding:0 6px; font-weight:700;}
.summary{background:var(--teal-soft); border-radius:16px; padding:14px 18px; margin:0 0 8px;}
.summary p{margin:0 0 6px;}
.summary ul{margin:6px 0 2px;}
table{width:100%; border-collapse:collapse; font-size:14.5px; margin:10px 0 4px; background:var(--card); border-radius:12px; overflow:hidden;}
th, td{text-align:left; vertical-align:top; padding:10px 12px; border-bottom:1px solid var(--rail);}
th{font-size:12.5px; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-dim);}
tr:last-child td{border-bottom:none;}
details{background:var(--card); border:1px solid var(--rail); border-radius:14px; padding:2px 16px; margin:10px 0;}
summary{cursor:pointer; font-weight:700; padding:12px 0; list-style-position:outside;}
details p{margin:0 0 12px; color:var(--ink-dim);}
details ol, details ul{margin:0 0 12px; color:var(--ink-dim);}
.btn{display:inline-block; background:var(--accent); color:#fff; text-decoration:none; font-weight:800; border-radius:999px; padding:12px 22px; margin:6px 0;}
.card{background:var(--card); border:1px solid var(--rail); border-radius:18px; padding:16px 18px; margin:14px 0;}
footer{margin-top:44px; padding-top:16px; border-top:1px solid var(--rail); font-size:13.5px; color:var(--ink-dim);}
footer a{margin-right:14px;}