/* doc.css — shared template for pentagon.games document pages (terms,
   privacy, disclaimer, airdrop terms, FAQ, careers, unsubscribe, tokenomics).
   Same four skins and the same `pentagon-theme` localStorage key as /home2 and
   /media-kit, so a visitor's theme follows them here. */
:root{--bg:#050807;--surf:#0c120e;--surf2:#131b16;--tx:#e8f5ec;--tx2:#8ea397;--line:#1e2b22;--line2:#2c4033;--acc:#00ff66;--acct:#4dff94;--on-acc:#03130a;
  --mono:ui-monospace,"Cascadia Mono",Menlo,monospace;--disp:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
:root[data-pentagon-theme="blossom"]{--bg:#ffffff;--surf:#fdf3f6;--surf2:#fbe9ef;--tx:#231018;--tx2:#6f5360;--line:#f0d6e0;--line2:#e3b9c9;--acc:#ff4d8d;--acct:#c21f5b;--on-acc:#fff}
:root[data-pentagon-theme="cafe-warm"]{--bg:#f7e6cb;--surf:#fdf5e7;--surf2:#f3e3c6;--tx:#2c1e0e;--tx2:#6e573d;--line:#e6d2b0;--line2:#d4b98c;--acc:#b26f2a;--acct:#8a521c;--on-acc:#fff}
:root[data-pentagon-theme="og"]{--bg:#160b33;--surf:#1e1042;--surf2:#271552;--tx:#f3ecff;--tx2:#b3a2d6;--line:#33205e;--line2:#4a3080;--acc:#fbce30;--acct:#ffe07a;--on-acc:#2a1a00}
*{box-sizing:border-box}
html{scroll-padding-top:16px}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.7 var(--disp);-webkit-font-smoothing:antialiased}
a{color:var(--acct)}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px 72px}
header.top{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
header.top .sp{flex:1}
.brandline{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:.03em;color:var(--tx);text-decoration:none}
.brandline img{width:20px;height:20px;object-fit:contain}
.themebar{display:flex;gap:6px;flex-wrap:wrap}
.themebar button{font:600 12px/1 var(--disp);cursor:pointer;border:1px solid var(--line2);background:var(--surf2);color:var(--tx2);border-radius:999px;padding:7px 11px}
.themebar button[aria-pressed="true"]{border-color:var(--acc);color:var(--acct)}
.back{font-size:13px}
.kicker{font:600 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--tx2);margin:40px 0 10px}
h1{font-size:clamp(28px,5vw,42px);line-height:1.12;margin:0 0 10px;letter-spacing:-.01em}
.lede{color:var(--tx2);max-width:70ch;margin:0}
.meta{font:13px/1.5 var(--mono);color:var(--tx2);margin:14px 0 0}
.layout{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;margin-top:34px}
@media (min-width:980px){.layout.has-toc{grid-template-columns:230px minmax(0,1fr)}}
nav.toc{font-size:13.5px;line-height:1.45}
@media (min-width:980px){nav.toc{position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);overflow:auto}}
nav.toc b{display:block;font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tx2);margin-bottom:10px}
nav.toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line2)}
nav.toc a{display:block;padding:4px 0 4px 12px;color:var(--tx2);text-decoration:none}
nav.toc a:hover{color:var(--acct)}
@media (max-width:979px){nav.toc{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--surf)}}
article{max-width:74ch}
article h2{font-size:20px;line-height:1.3;margin:40px 0 10px;padding-top:14px;border-top:1px solid var(--line)}
article h2:first-child{margin-top:0;border-top:0;padding-top:0}
article h3{font-size:16px;margin:24px 0 6px}
article p,article li{color:var(--tx)}
article ul,article ol{padding-left:22px}
article li{margin:4px 0}
.note{border:1px solid var(--line2);background:var(--surf);border-radius:10px;padding:12px 16px;margin:18px 0;color:var(--tx2);font-size:14.5px}
.note b{color:var(--tx)}
details.qa{border:1px solid var(--line);border-radius:10px;background:var(--surf);margin:10px 0}
details.qa summary{cursor:pointer;padding:13px 16px;font-weight:600;list-style:none}
details.qa summary::-webkit-details-marker{display:none}
details.qa summary::after{content:"+";float:right;color:var(--tx2);font-family:var(--mono)}
details.qa[open] summary::after{content:"−"}
details.qa > div{padding:0 16px 14px;color:var(--tx2)}
.btn{display:inline-flex;align-items:center;gap:6px;font:700 14px/1 var(--disp);text-decoration:none;cursor:pointer;
  border:1px solid var(--acc);background:var(--acc);color:var(--on-acc);border-radius:10px;padding:11px 16px}
.btn.ghost{background:transparent;color:var(--acct);border-color:var(--line2)}
.btn[disabled]{opacity:.55;cursor:default}
table{width:100%;border-collapse:collapse;font-size:14.5px;margin:14px 0}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--tx2);font-weight:600}
footer.docs{border-top:1px solid var(--line);margin-top:64px;padding:22px 0 0;color:var(--tx2);font-size:13.5px}
footer.docs nav{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:12px}
footer.docs nav a{color:var(--tx2);text-decoration:none}
footer.docs nav a:hover,footer.docs nav a[aria-current="page"]{color:var(--acct)}
@media print{header.top .themebar,nav.toc,footer.docs nav{display:none}.layout{display:block}body{background:#fff;color:#000}}
/* Phones: a wide table scrolls inside its own box instead of widening the page. */
@media (max-width:760px){article table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}
