:root{font-family:system-ui,sans-serif;color:#172231;background:#f5f6f8}*{box-sizing:border-box}body{margin:0}header{background:#172b40;color:white;padding:1rem max(1rem,calc((100vw - 960px)/2));display:flex;align-items:center;justify-content:space-between}header a{color:white;text-decoration:none;font-weight:650;font-size:1.2rem}nav{display:flex;align-items:center;gap:1rem}nav a{font-size:.95rem;font-weight:400}nav form{margin:0}.link{background:none;color:white;padding:0;border:0;cursor:pointer}main{max-width:960px;margin:2rem auto;padding:0 1rem}h1{font-size:1.8rem}h2{margin-top:2rem}form label{display:block;margin:.9rem 0}input:not([type=checkbox]),textarea,select{display:block;width:100%;max-width:760px;border:1px solid #aebbc8;border-radius:5px;padding:.65rem;font:inherit;background:white}textarea{white-space:pre;tab-size:4}button,.button{display:inline-block;background:#1859a0;color:white;border:0;border-radius:5px;padding:.65rem .9rem;font:inherit;text-decoration:none;cursor:pointer}.secondary{background:#e0e7ee;color:#17304a}.list article{background:white;border:1px solid #d8e1e8;border-radius:6px;margin:.6rem 0;padding:1rem}.list p{margin:.4rem 0 0;color:#556677}.block{background:white;border:1px solid #cbd6e0;margin:1rem 0;padding:1rem;border-radius:6px}.block textarea{max-width:none}.error{background:#ffe7e7;padding:1rem}.success{background:#e0f5e4;padding:1rem}a{color:#1557a0}
.preview-section{margin:2rem 0}.question-preview{background:#fff;border:1px solid #cbd6e0;padding:18mm;max-width:210mm;overflow-wrap:anywhere}.preview-content{font-family:'DejaVu Sans',sans-serif;font-size:9pt;line-height:1.25;color:#111}.preview-content h2{font-size:10.5pt;margin:8pt 0 5pt}.preview-content h2 span{font-size:8pt;font-weight:normal}.preview-content h3{font-size:9pt}.preview-content p{margin:4pt 0}.preview-content .preview-text{white-space:pre-wrap}.preview-content pre{font-family:'DejaVu Sans Mono',monospace;font-size:8.5pt;white-space:pre-wrap;overflow-wrap:anywhere}.preview-content .line{height:20pt;border-bottom:.5pt solid #777}.preview-content table{border-collapse:collapse;width:100%;margin:6pt 0}.preview-content td{border:.5pt solid #555;padding:4pt;vertical-align:top}@media(max-width:600px){.question-preview{padding:1rem}}

/* The question bank is a browsing surface, so give previews room on wide screens. */
.questions-page main{max-width:1440px}.question-filters{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:end}.question-filters label{margin:.5rem 0;flex:1 1 170px}.question-filters label:has(input[type=checkbox]){flex:0 1 auto}.question-filters button{margin:.5rem 0}.question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start;margin:1.5rem 0}.question-card{min-width:0;background:#fff;border:1px solid #d8e1e8;border-radius:6px;padding:1rem}.question-card-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.question-card-heading h2{font-size:1.1rem;margin:0}.question-meta{color:#556677;font-size:.9rem;margin:.4rem 0 1rem}.question-card-content{max-height:32rem;overflow:auto;overflow-wrap:anywhere;line-height:1.45}.question-card-content p:first-child{margin-top:0}.question-card-content pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6f9;padding:.75rem;border-radius:4px;tab-size:4}.question-card-content .line{height:1.5rem;border-bottom:1px solid #aebbc8}.question-card-content table{border-collapse:collapse;max-width:100%}.question-card-content td{border:1px solid #aebbc8;padding:.35rem;vertical-align:top}.question-card details{border-top:1px solid #d8e1e8;margin-top:1rem;padding-top:.75rem}.question-card summary{cursor:pointer;color:#1557a0;font-weight:600}.question-card details .question-card-content{margin-top:.75rem}@media(max-width:850px){.question-grid{grid-template-columns:1fr}}

@media(max-width:600px){header{align-items:flex-start;gap:.75rem;flex-wrap:wrap}nav{flex-wrap:wrap;gap:.5rem .8rem}}
