.platform-guide-page { background:#070b12; }
.platform-guide-page .guide-hero { background: radial-gradient(circle at 20% 20%, rgba(32,102,255,.28), transparent 34%), radial-gradient(circle at 82% 12%, rgba(242,152,50,.16), transparent 28%), linear-gradient(135deg,#070b12 0%,#0b1220 52%,#101827 100%); border-bottom:1px solid rgba(255,255,255,.08); }
.platform-guide-page .article-hero h1 { max-width: 980px; }
.guide-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
.guide-btn { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 18px; border-radius:999px; color:#e7edf8; text-decoration:none; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.06); font-weight:700; }
.guide-btn.primary { background:linear-gradient(135deg,#155cff,#0ea5e9); border-color:rgba(89,154,255,.65); box-shadow:0 18px 42px rgba(21,92,255,.25); color:#fff; }
.guide-layout { display:grid; grid-template-columns:280px minmax(0,1fr); gap:34px; align-items:start; }
.guide-toc { position:sticky; top:110px; border:1px solid rgba(255,255,255,.1); border-radius:22px; background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035)); padding:18px; box-shadow:0 24px 80px rgba(0,0,0,.35); }
.guide-toc strong { display:block; color:#fff; margin-bottom:12px; font-size:15px; }
.guide-toc a { display:block; color:#aebbd0; text-decoration:none; padding:9px 10px; border-radius:12px; font-size:14px; border:1px solid transparent; }
.guide-toc a:hover { color:#fff; background:rgba(69,133,255,.12); border-color:rgba(69,133,255,.25); }
.guide-body { color:#d8e2f1; }
.guide-section { margin-bottom:34px; padding:30px; border:1px solid rgba(255,255,255,.09); border-radius:26px; background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035)); box-shadow:0 20px 70px rgba(0,0,0,.28); }
.guide-section h2 { margin-top:0; color:#fff; }
.guide-section h3 { color:#fff; margin:8px 0 8px; }
.guide-section p, .guide-section li { color:#c6d2e3; line-height:1.72; }
.guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:20px 0 4px; }
.guide-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.guide-card { border:1px solid rgba(255,255,255,.09); border-radius:20px; padding:20px; background:rgba(3,8,18,.54); }
.guide-card span { color:#7db7ff; font-weight:800; letter-spacing:.08em; font-size:13px; }
.guide-note { padding:16px 18px; border-radius:18px; background:rgba(21,92,255,.12); border:1px solid rgba(64,139,255,.25); color:#dceaff!important; }
.guide-table { overflow:auto; border-radius:18px; border:1px solid rgba(255,255,255,.09); }
.guide-table table { width:100%; border-collapse:collapse; min-width:720px; background:rgba(3,8,18,.58); }
.guide-table th, .guide-table td { padding:14px 16px; border-bottom:1px solid rgba(255,255,255,.08); text-align:left; }
.guide-table th { color:#fff; background:rgba(255,255,255,.06); }
.guide-table td { color:#c7d2e4; }
.severity-row { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0; }
.sev { border-radius:999px; padding:8px 12px; font-weight:800; font-size:13px; }
.sev.critical { background:rgba(239,68,68,.15); color:#fecaca; border:1px solid rgba(239,68,68,.35); }
.sev.high { background:rgba(249,115,22,.15); color:#fed7aa; border:1px solid rgba(249,115,22,.35); }
.sev.medium { background:rgba(245,158,11,.15); color:#fde68a; border:1px solid rgba(245,158,11,.35); }
.sev.low { background:rgba(34,197,94,.14); color:#bbf7d0; border:1px solid rgba(34,197,94,.32); }
.guide-checks { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:18px; }
.guide-checks span { padding:14px 14px; border-radius:16px; background:rgba(14,165,233,.1); border:1px solid rgba(14,165,233,.24); color:#e6f6ff; font-weight:700; }
.guide-final { padding:32px; border-radius:26px; border:1px solid rgba(69,133,255,.3); background:linear-gradient(135deg,rgba(21,92,255,.16),rgba(245,158,11,.08)); margin-bottom:20px; }
.guide-final h2 { color:#fff; margin-top:0; }
@media (max-width: 980px) { .guide-layout { grid-template-columns:1fr; } .guide-toc { position:relative; top:auto; } .guide-grid, .guide-grid.two, .guide-checks { grid-template-columns:1fr; } .guide-section { padding:22px; } }


/* Readability and contrast hardening - guide pages */
.platform-guide-page {
  background:#050913;
  color:#eaf2ff;
}
.platform-guide-page main,
.platform-guide-page .article-shell {
  background:linear-gradient(180deg,#050913 0%,#07101f 46%,#050913 100%);
}
.platform-guide-page .article-body,
.platform-guide-page .guide-body {
  color:#d9e5f7;
  background:transparent!important;
}
.platform-guide-page .guide-section {
  background:linear-gradient(180deg,rgba(13,23,42,.96),rgba(8,15,29,.96));
  border-color:rgba(148,163,184,.24);
}
.platform-guide-page .guide-section h2,
.platform-guide-page .guide-section h3,
.platform-guide-page .guide-final h2 {
  color:#ffffff!important;
}
.platform-guide-page .guide-section p,
.platform-guide-page .guide-section li,
.platform-guide-page .guide-card p,
.platform-guide-page .guide-table td {
  color:#d7e3f5!important;
}
.platform-guide-page .guide-card {
  background:#0b1424!important;
  border-color:rgba(148,163,184,.22)!important;
}
.platform-guide-page .guide-card span,
.platform-guide-page .res-tag {
  color:#93c5fd!important;
}
.platform-guide-page .guide-note {
  background:#0b2a52!important;
  border-color:rgba(96,165,250,.45)!important;
  color:#eff6ff!important;
}
.platform-guide-page .guide-table table {
  background:#0b1424!important;
}
.platform-guide-page .guide-table th {
  background:#111d33!important;
  color:#ffffff!important;
}
.platform-guide-page .guide-table td {
  background:#0b1424!important;
  border-color:rgba(148,163,184,.2)!important;
}
.platform-guide-page .guide-toc {
  background:#08111f!important;
  border-color:rgba(148,163,184,.22)!important;
}
.platform-guide-page .guide-toc strong,
.platform-guide-page .guide-toc a {
  color:#eaf2ff!important;
}
.platform-guide-page .guide-toc a:hover { color:#93c5fd!important; }
.platform-guide-page .guide-final {
  background:linear-gradient(135deg,#0d2b56,#27192e)!important;
  border-color:rgba(96,165,250,.45)!important;
  color:#f8fbff!important;
}
.platform-guide-page .guide-final p { color:#e8f0ff!important; }
.platform-guide-page a { text-underline-offset:3px; }
.platform-guide-page .guide-btn { color:#f8fbff!important; }
.platform-guide-page .guide-btn.primary { color:#ffffff!important; }
@media print {
  .platform-guide-page { background:#fff!important; color:#111827!important; }
  .platform-guide-page .guide-section,
  .platform-guide-page .guide-card,
  .platform-guide-page .guide-table table,
  .platform-guide-page .guide-table th,
  .platform-guide-page .guide-table td,
  .platform-guide-page .guide-final {
    background:#fff!important; color:#111827!important; border-color:#d1d5db!important;
  }
  .platform-guide-page .guide-section p,
  .platform-guide-page .guide-section li,
  .platform-guide-page .guide-card p,
  .platform-guide-page .guide-table td { color:#111827!important; }
}