/* CoreIQ Office — Operations · Assessment prep. Copied verbatim by script from the design's qx-prep.css (2026-10-16). */
.qp{display:flex;flex-direction:column;gap:14px}
.qp-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,280px);gap:14px 24px;padding:16px 18px;align-items:center}
.qp-hero-t{display:flex;flex-direction:column;gap:2px}
.qp-hero-t h3{margin:0;font-size:18px;font-weight:600}
.qp-hero-t .off-muted{font-size:12px}
.qp-hero-p{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-muted)}
.qp-hero-p b{color:var(--text);font-size:15px}
.qp-pbar,.qp-pm-bar{height:6px;border-radius:99px;background:var(--bg-muted,var(--border));overflow:hidden}
.qp-pbar i,.qp-pm-bar i{display:block;height:100%;background:var(--brand);border-radius:99px;transition:width .3s}
.qp-legend{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 18px;padding-top:12px;border-top:1px solid var(--border-subtle,var(--border));font-size:12px;color:var(--text-muted)}
.qp-legend>span{display:inline-flex;align-items:center;gap:8px}
@media (max-width:700px){.qp-hero{grid-template-columns:minmax(0,1fr)}}
.qp-k{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;border:1px solid;white-space:nowrap;line-height:16px}
.qp-k--show{background:var(--paid-bg);color:var(--paid-text);border-color:var(--paid-border)}
.qp-k--explain{background:var(--brand-bg);color:var(--brand);border-color:var(--brand-border,var(--brand))}
.qp-k--demo{background:var(--hold-bg);color:var(--hold-text);border-color:var(--hold-border)}
.qp-row{border-top:1px solid var(--border-subtle,var(--border))}
.qp-row-m{display:grid;grid-template-columns:22px 104px minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 16px;cursor:pointer}
.qp-row-m:hover{background:var(--bg-subtle)}
.qp-row .qp-k{justify-self:start;margin-top:1px}
.qp-chk{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--border-strong);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:#fff;padding:0}
.qp-chk.is-on{background:var(--brand);border-color:var(--brand)}
.qp-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.qp-t b{font-size:13.5px;font-weight:600}
.qp-t>span:not(.qp-src){font-size:12.5px;color:var(--text-muted);line-height:1.45;text-wrap:pretty}
.qp-row.is-ready .qp-t b{color:var(--text-muted)}
.qp-src{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.qp-tag{font-size:10.5px;padding:0 6px;border-radius:4px;background:var(--bg-subtle);color:var(--text-subtle);border:1px solid var(--border-subtle,var(--border));line-height:16px}
.qp-tag--rem{background:var(--void-bg);color:var(--void-text);border-color:var(--void-border)}
.qp-a{display:flex;align-items:center;gap:6px}
.qp-exp{width:28px;height:28px;border:0;background:none;border-radius:6px;display:grid;place-items:center;color:var(--text-subtle);cursor:pointer}
.qp-exp:hover{background:var(--bg-muted,var(--border));color:var(--text)}
.qp-det{padding:2px 16px 16px 154px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 24px}
.qp-det h4{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-subtle)}
.qp-ask,.qp-cov{margin:0;padding-left:18px;font-size:13px;line-height:1.55}
.qp-ask li{font-style:italic}
.qp-hint{margin:0;font-size:13px;color:var(--text-muted)}
.qp-flag{grid-column:1/-1;margin:0;display:flex;gap:8px;padding:10px 12px;border-radius:8px;background:var(--hold-bg);color:var(--hold-text);border:1px solid var(--hold-border);font-size:13px;line-height:1.45}
.qp-flag svg{flex:none;margin-top:2px}
@container qp (max-width:620px){
.qp-row-m{grid-template-columns:22px minmax(0,1fr) auto;grid-template-areas:"c k a" "c t t"}
.qp-chk{grid-area:c}.qp-row .qp-k{grid-area:k}.qp-t{grid-area:t}.qp-a{grid-area:a}
.qp-det{padding-left:50px}
}
.qp-pm{width:min(560px,100%)}
.qp-pm-h{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 10px;font-size:12px}
.qp-pm-bar{margin:0 18px}
.qp-pm-b{padding:22px 18px 20px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.qp-pm-b h3{margin:0;font-size:19px;font-weight:600;line-height:1.35;text-wrap:pretty}
.qp-pm-b p{margin:0;font-size:13px}
.qp-pm-a{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.qp-learn{display:flex;flex-direction:column;gap:14px;max-width:900px}
.qp-lgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.qp-lc{padding:16px 18px}
.qp-lc h3{margin:0 0 8px;font-size:17px;font-weight:600}
.qp-lc h4{margin:0 0 8px;font-size:14px;font-weight:600}
.qp-lc p{margin:0;font-size:13.5px;line-height:1.55;color:var(--text-muted);text-wrap:pretty}
.qp-lc ul{margin:0;padding-left:18px;font-size:13px;line-height:1.6}
.qp-lc--lead{background:var(--brand-bg);border-color:var(--brand-border,var(--border))}
.qp-lc--flag{background:var(--hold-bg);border-color:var(--hold-border)}
.qp-lc--flag p{color:var(--hold-text)}
.qp-rl{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.qp-rl>div{display:flex;flex-direction:column;gap:1px;padding:8px 10px;border-radius:8px;background:var(--void-bg);border:1px solid var(--void-border)}
.qp-rl b{font-size:13px;font-weight:600}
.qp-rl span{font-size:12px;color:var(--void-text)}
.qp-cq{container:qp/inline-size}
.qp-cq .qx-wb-h .off-muted{white-space:nowrap}
.qp-where{font-size:11.5px!important;color:var(--text-subtle)!important}
.qp-a{flex:none}
.qp-sp{padding:14px 16px 16px;margin:0 0 14px;display:flex;flex-direction:column;gap:12px}
.qp-sp-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.qp-sp-h .off-muted{font-size:12.5px;display:block;margin-top:2px}
.qp-sp-h .btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.qp-sp-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.qp-sc{border:1px solid var(--border);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;background:var(--surface)}
.qp-sc-th{aspect-ratio:210/110;background:var(--teal-50,#ecfaf8);border-bottom:1px solid var(--border);display:flex;align-items:flex-end;padding:10px 12px;position:relative}
.qp-sc-th::before{content:"";position:absolute;left:12px;right:12px;top:12px;height:6px;border-radius:3px;background:var(--teal-700,#0d9488)}
.qp-sc-th span{font-size:15px;font-weight:700;color:var(--teal-900,#0a554f);line-height:1.15}
.qp-sc-b{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}
.qp-sc-b b{font-size:13.5px}
.qp-sc-b .off-muted{font-size:12px}
.qp-sc-b p{margin:2px 0 0;font-size:12px;color:var(--text-muted);line-height:1.45}
.qp-sc-st{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--void-text);margin-top:2px}
.qp-sc-st.is-on{color:var(--paid-text)}
.qp-sc-a{display:flex;gap:6px;margin-top:auto;padding-top:8px}
.qp-sc-a a{text-decoration:none}
.qp-sc-o{font-size:12px;margin-top:6px;display:flex;flex-direction:column;color:var(--brand)}
.qp-sc-o em{font-style:normal;color:var(--text-subtle);font-size:11px}
.qp-a a.btn{text-decoration:none}