/* ===== CYBER HACKED · static pages (about, privacy, terms, articles) =====
   Loaded after plan.css, which holds the tokens, the top bar and the buttons. */
.doc{max-width:820px; margin:0 auto; padding:clamp(26px,4vw,52px) var(--gutter) 30px}
.doc-crumb{font-size:.85rem; color:var(--text-faint); margin-bottom:12px}
.doc-crumb a{color:var(--text-dim); text-decoration:none}
.doc-crumb a:hover{color:#fff}
.doc-kicker{display:inline-block; font-family:var(--mono); font-size:.72rem; letter-spacing:1.5px; color:var(--red-t); background:var(--red-dim); border:1px solid rgba(255,68,51,.3); padding:3px 12px; border-radius:99px; direction:ltr}
.doc h1{font-family:var(--ar); font-size:clamp(1.7rem,4vw,2.4rem); margin:12px 0 8px}
.doc-lead{color:var(--text-dim); font-size:1.05rem}
.doc-meta{color:var(--text-faint); font-size:.85rem; margin-top:8px}
.doc-body{margin-top:26px}
.doc-body h2{font-family:var(--ar); font-size:1.32rem; margin:30px 0 10px; padding-inline-start:12px; border-inline-start:3px solid var(--red)}
.doc-body h3{font-family:var(--ar); font-size:1.08rem; margin:20px 0 6px}
.doc-body p{color:var(--text-dim); margin-bottom:12px}
.doc-body b,.doc-body strong{color:var(--text)}
.doc-body ul,.doc-body ol{color:var(--text-dim); padding-inline-start:24px; margin-bottom:14px}
.doc-body li{margin-bottom:6px}
.doc-body a{color:var(--blue)}
.doc-body code{font-family:var(--mono); font-size:.88em; background:var(--panel2); border:1px solid var(--line); border-radius:6px; padding:1px 6px; direction:ltr; unicode-bidi:isolate}
.doc-body pre{direction:ltr; text-align:left; font-family:var(--mono); font-size:.86rem; line-height:1.7; background:var(--bg2); border:1px solid var(--line); border-radius:12px; padding:14px 16px; margin:4px 0 16px; overflow-x:auto; color:#d7e3f4}
.doc-body pre code{background:none; border:0; padding:0}
.doc-note{background:var(--panel); border:1px solid var(--line); border-inline-start:3px solid var(--amber); border-radius:12px; padding:14px 18px; margin:18px 0}
.doc-note p:last-child{margin-bottom:0}
.doc-tbl{width:100%; border-collapse:collapse; background:var(--panel); border:1px solid var(--line); border-radius:12px; overflow:hidden; font-size:.92rem; margin-bottom:16px}
.doc-tbl th,.doc-tbl td{padding:10px 12px; border-bottom:1px solid var(--line); text-align:right; vertical-align:top}
.doc-tbl th{background:var(--panel2); color:#fff}
.doc-tbl td{color:var(--text-dim)}
.doc-tbl-wrap{overflow-x:auto}
.doc-cta{margin:34px 0 10px; padding:24px; border-radius:18px; text-align:center; background:linear-gradient(135deg,rgba(255,68,51,.12),var(--panel) 60%); border:1px solid rgba(255,68,51,.3)}
.doc-cta h2{font-family:var(--ar); font-size:1.2rem; border:0; padding:0; margin:0 0 6px}
.doc-cta p{color:var(--text-dim); margin-bottom:14px}
.doc-more{margin-top:28px}
.doc-more h2{font-family:var(--ar); font-size:1.05rem; margin-bottom:10px; color:var(--text-dim)}
.doc-more ul{list-style:none; display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px}
.doc-more a{display:block; height:100%; padding:12px 16px; border-radius:12px; background:var(--panel); border:1px solid var(--line); color:var(--text); text-decoration:none; transition:border-color .15s}
.doc-more a:hover{border-color:var(--line-strong)}
.doc-foot{margin-top:40px; border-top:1px solid var(--line); background:var(--bg2)}
.doc-foot-in{max-width:1180px; margin:0 auto; padding:24px var(--gutter) 34px; display:flex; flex-wrap:wrap; gap:10px 22px; justify-content:space-between; align-items:center; font-size:.88rem; color:var(--text-faint)}
.doc-foot nav{display:flex; flex-wrap:wrap; gap:6px 18px}
.doc-foot a{color:var(--text-dim); text-decoration:none}
.doc-foot a:hover{color:#fff}