/* page.css — halaman teks statis (kebijakan privasi dsb.). Dimuat setelah
   menfess.css + gate.css; hanya menambah kelas .page-* dan .doc. */
body.page{
  background-image:
    radial-gradient(900px 500px at 12% -10%, rgba(47,84,255,.14), transparent 60%),
    radial-gradient(900px 500px at 88% 110%, rgba(225,29,72,.10), transparent 60%);
}
.page-wrap{max-width:820px;}
.doc{margin-top:8px;padding:28px 26px;border-radius:22px;background:rgba(17,17,77,.55);
  border:1px solid rgba(143,168,255,.22);backdrop-filter:blur(8px);color:var(--lilac);line-height:1.7;font-size:15px;}
@media(max-width:480px){.doc{padding:22px 18px;font-size:14.5px;}}
.doc-kicker{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--orchid);opacity:.8;margin-bottom:10px;}
.doc h1{font-family:'Bricolage Grotesque';font-weight:800;font-size:clamp(26px,5vw,38px);color:var(--paper);line-height:1.15;margin-bottom:6px;}
.doc-meta{font-size:12.5px;color:var(--orchid);margin-bottom:16px;}
.doc h2{font-family:'Bricolage Grotesque';font-weight:800;font-size:19px;color:var(--paper);margin:28px 0 8px;}
.doc p{margin:0 0 12px;}
.doc b{color:var(--paper);}
.doc ul,.doc ol{margin:0 0 12px 22px;}
.doc li{margin-bottom:6px;}
.doc a{color:var(--acid);text-decoration:underline;text-underline-offset:3px;}
.doc a:focus-visible{outline:2px solid var(--acid);outline-offset:3px;border-radius:4px;}
.doc-toc{display:flex;flex-wrap:wrap;gap:6px 14px;padding:12px 14px;margin:6px 0 10px;border-radius:12px;
  background:rgba(9,8,48,.45);border:1px dashed rgba(143,168,255,.35);font-size:13px;}
.doc-toc a{color:var(--orchid);text-decoration:none;padding:4px 0;}
.doc-toc a:hover{color:var(--acid);text-decoration:underline;}
.doc table{width:100%;border-collapse:collapse;font-size:13.5px;margin:6px 0 14px;display:block;overflow-x:auto;}
.doc th,.doc td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid rgba(143,168,255,.2);}
.doc th{color:var(--paper);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;}
.doc section{scroll-margin-top:16px;}
.foot-links{margin-top:18px;font-size:12px;color:var(--orchid);opacity:.85;text-align:center;}
.foot-links a{color:var(--orchid);text-decoration:underline;text-underline-offset:3px;}
.foot-links a:hover,.foot-links a:focus-visible{color:var(--acid);}
