/* fix-guide.css: how-to-fix guide pages. Loaded after /security-audit.css (topbar, .main, .card, .pitch,
   page footer strips). Theme variables only; no inline styles in the pages. */
.fg-chips{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 0}
.fg-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:4px;border:1px solid var(--border);background:var(--bg2);color:var(--accent);font-size:10.5px;font-family:'JetBrains Mono',monospace;text-decoration:none;white-space:nowrap}
.fg-chip-tut{border-color:rgba(124,58,237,.3);background:rgba(124,58,237,.06);color:var(--accent2)}
.fg-chip-guide{border-color:rgba(22,101,52,.3);background:rgba(22,101,52,.06);color:var(--accent3)}
.fg-chip-fix{border-color:rgba(155,28,49,.3);background:rgba(155,28,49,.06);color:var(--burgundy)}
.fg-meta{font-size:12px;color:var(--text2);margin-top:10px}
.fg-toc{margin:0;padding-left:20px;font-size:14px;line-height:1.9;color:var(--text2)}
.fg-toc a,.fg-body a,.fg-faq a{color:var(--accent2);text-decoration:underline}
.fg-body h2{font-family:'Inter',sans-serif;font-size:20px;font-weight:800;color:var(--text);margin:0 0 12px;scroll-margin-top:70px}
.fg-body h3{font-family:'Inter',sans-serif;font-size:16px;font-weight:700;color:var(--text);margin:22px 0 8px}
.fg-body p{font-size:14px;line-height:1.75;color:var(--text2);margin:0 0 14px}
.fg-body ul,.fg-body ol{margin:0 0 14px;padding-left:22px;font-size:14px;line-height:1.75;color:var(--text2)}
.fg-body li{margin:4px 0}
.fg-body strong{color:var(--text)}
.fg-body code{font-family:'JetBrains Mono',monospace;font-size:12.5px;background:var(--bg3);padding:1px 6px;border-radius:4px;color:var(--accent)}
.fg-body pre{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:14px 16px;margin:12px 0 16px;font-family:'JetBrains Mono',monospace;font-size:12.5px;line-height:1.6;color:var(--text);overflow-x:auto}
.fg-body pre code{background:none;padding:0;color:inherit}
.fg-step{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:16px 20px;margin:0 0 14px}
.fg-step-num{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;color:var(--accent2);text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px}
.fg-step h3{margin:0 0 8px}
.fg-tip,.fg-warn{padding:12px 16px;border-radius:0 8px 8px 0;margin:14px 0;font-size:13.5px;line-height:1.65;color:var(--text2)}
.fg-tip{background:rgba(124,58,237,.06);border-left:3px solid var(--accent2)}
.fg-warn{background:rgba(194,65,12,.06);border-left:3px solid var(--warn)}
.fg-table-wrap{max-width:100%;overflow-x:auto;margin:12px 0 16px}
.fg-table{width:100%;border-collapse:collapse;font-size:13px}
.fg-table th{background:var(--bg3);padding:9px 12px;text-align:left;font-family:'Inter',sans-serif;font-weight:700;color:var(--text);border-bottom:2px solid var(--border);vertical-align:top}
.fg-table td{padding:9px 12px;border-bottom:1px solid var(--border);color:var(--text2);vertical-align:top;line-height:1.55}
.fg-table code{white-space:normal}
.fg-faq{display:flex;flex-direction:column;gap:16px}
.fg-cta{text-align:center}
.fg-cta p{font-size:14px;color:var(--text2);margin:0 0 14px}
.fg-btn{display:inline-block;padding:11px 24px;border-radius:8px;font-family:'Inter',sans-serif;font-size:14px;font-weight:700;text-decoration:none;background:var(--accent2);color:#fff}
.fg-btn:hover,.fg-btn:focus{opacity:.9}
.sa-s42:hover,.sa-s42:focus{opacity:1}
@media(max-width:600px){
.fg-body h2{font-size:18px}
.fg-step{padding:14px 14px}
.fg-body pre{font-size:12px;padding:12px}
}