/* Interview question topic pages */
.iq-hero { max-width: 900px; margin: 0 auto; padding: 28px 24px 8px; text-align: center; }
.iq-hero-icon { font-size: 34px; }
.iq-hero h1 { font-size: 32px; margin: 6px 0 10px; }
.iq-hero p { color: var(--ink-soft); font-size: 15px; margin: 0 0 6px; }
.iq-wrap { max-width: 900px; margin: 0 auto; padding: 0 24px 40px; }
.iq-tools { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.iq-intro { font-size: 14.5px; line-height: 1.7; color: var(--ink-soft); margin: 4px 0 18px; }
.iq-intro p { margin: 0 0 8px; }
.iq-cat { margin-bottom: 30px; scroll-margin-top: 80px; }
.iq-cat h2 { font-size: 22px; margin: 0 0 12px; padding-bottom: 8px; border-bottom: 2px solid var(--excel-green); }
.iq-item { padding: 14px 4px; border-bottom: 1px solid var(--grid-line); }
.iq-item h3 { font-size: 16px; line-height: 1.45; margin: 0 0 6px; font-weight: 600; color: var(--ink); }
.iq-no { color: var(--ink-soft); font-weight: 500; margin-right: 2px; }
.iq-badge { display: inline-block; vertical-align: middle; margin-left: 6px; font: 600 10.5px 'IBM Plex Mono', monospace; text-transform: uppercase; letter-spacing: .5px; padding: 2px 8px; border-radius: 999px; border: 1px solid var(--grid-line); color: var(--ink-soft); }
.iq-badge.basic { color: var(--excel-green); border-color: var(--excel-green); }
.iq-badge.intermediate { color: #B07A00; border-color: #D9A93B; }
.iq-badge.advanced { color: #B3472F; border-color: #D9775F; }
.iq-a { font-size: 14.5px; line-height: 1.75; color: var(--ink-soft); }
.iq-a code { font-family: 'IBM Plex Mono', monospace; font-size: 13px; background: #F1EFE6; padding: 1px 5px; border-radius: 4px; color: var(--ink); }
.iq-cta { margin: 6px 0 30px; padding: 14px 18px; border: 1px dashed var(--excel-green); border-radius: 10px; background: #F4F8F5; font-size: 14.5px; }
.iq-cta a { color: var(--excel-green); font-weight: 600; }
.iq-about { margin: 30px 0 0; padding: 0; max-width: none; }
.iq-about h2 { font-size: 21px; margin: 24px 0 8px; }
.iq-about p, .iq-about li { font-size: 14.5px; line-height: 1.7; color: var(--ink-soft); }
.iq-about a { color: var(--excel-green); }
@media (max-width: 640px) { .iq-hero h1 { font-size: 26px; } .iq-wrap, .iq-hero { padding-left: 16px; padding-right: 16px; } }