/* ============================================================================
   LEGAL/DOC PAGE STYLES — shared by terms.php, privacy.php, aup.php.
   Scoped under .doc-wrap so it never leaks into the shared dark nav/footer.
   ============================================================================ */
.doc-page{padding-top:68px}
.doc-wrap{max-width:820px;margin:40px auto;padding:40px 32px;background:#f8fafc;color:#1e293b;line-height:1.75;border-radius:16px}
.doc-wrap h1{color:#0f172a;border-bottom:2px solid #e2e8f0;padding-bottom:12px;font-size:1.9rem}
.doc-wrap h2{color:#1e4d3b;margin-top:36px;font-size:1.3rem}
.doc-wrap h3{color:#334155;margin-top:20px;font-size:1rem}
.doc-wrap p{margin:12px 0}
.doc-wrap a{color:#0369a1}
.doc-wrap ul{padding-left:20px;margin:12px 0}
.doc-wrap li{margin-bottom:6px}
.doc-wrap .updated{color:#64748b;font-size:14px}
.doc-wrap .note{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #0369a1;border-radius:6px;padding:12px 16px;margin:18px 0;font-size:14px}
.doc-wrap .future{background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:6px;padding:14px 18px;margin:18px 0}
.doc-wrap .future .tag{display:inline-block;background:#f59e0b;color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:999px}
.doc-wrap .future h3{margin-top:0}
.doc-wrap .future .future-intro{margin:10px 0 0}
@media(max-width:560px){
  .doc-wrap{margin:20px 16px;padding:28px 20px}
}