/* Quiz result extras (quizzes.js). Builds on site.css tokens. */
.res-hd h3{padding-right:0}
@media (min-width:761px){.res-hd .eyebrow,.res-hd h3{max-width:calc(100% - 260px)} .res-hd .stage{max-width:250px;text-align:right;line-height:1.35;white-space:normal}}

/* requirement checklist (DPA) */
.qk-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.qk-checks li{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start}
.qk-checks .st{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;margin-top:1px}
.qk-checks .st svg{width:15px;height:15px}
.qk-checks .st.ok{background:var(--gold);color:var(--navy-3)}
.qk-checks .st.no{background:var(--ivory-3);color:var(--ink-3)}
.qk-checks .st.maybe{border:1.5px solid var(--navy);color:var(--navy)}
.qk-checks b{font-size:14px}
.qk-checks em{font-style:normal;font:700 10.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-3);margin-left:6px}
.qk-checks small{display:block;font-size:13px;color:var(--ink-3);line-height:1.45;margin-top:2px}
.prog-row small a,.qk-fine a{color:var(--gold-3);text-decoration:underline}
.prog-row.is-local b{font-size:16px}
.prog-row.is-local .amt{font-size:17px}
@media (max-width:560px){.prog-row{grid-template-columns:40px 1fr}.prog-row .amt{grid-column:2;font-size:20px}}
.qk-total{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-top:14px;padding:14px 16px;border-radius:var(--r);background:var(--navy);color:var(--on-navy)}
.qk-total span{font:700 11px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.qk-total b{font:600 26px/1.1 var(--serif)}
.qk-total small{flex-basis:100%;font-size:12px;color:var(--on-navy-3)}
.qk-fine{margin:14px 0 6px}

/* "what you leave with" and "have these handy" lists */
.qk-leave{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:8px}
.qk-leave li{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:start;font-size:14px}
.qk-leave svg{width:16px;height:16px;color:var(--gold-3);margin-top:3px}

/* resource kit rows */
.qk-kit{display:flex;flex-direction:column;gap:8px}
.qk-item{display:grid;grid-template-columns:36px 1fr 18px;gap:12px;align-items:center;width:100%;padding:10px 12px;border:1px solid var(--ivory-3);border-radius:var(--r);background:#fff;text-align:left;transition:border-color .15s}
.qk-item:hover{border-color:var(--gold)}
.qk-ic{width:34px;height:34px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold-3)}
.qk-ic svg{width:18px;height:18px}
.qk-tx b{display:block;font-size:14px}
.qk-tx small{display:block;font-size:12px;color:var(--ink-3)}
.qk-go svg{width:16px;height:16px;color:var(--ink-3)}

/* market timing kpis inside a result */
.qk-kpis{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:10px}
.qk-kpis .kpi b{font-size:24px}

/* spacing between the steps list and a result body, and long CTA labels on phones */
.res-bd > div > .res-steps + div,.res-bd > div > .res-steps + .note{margin-top:22px}
.qk-checks em{display:inline-block}
@media (max-width:560px){.res-ft .btn{white-space:normal;height:auto;min-height:44px;padding-top:10px;padding-bottom:10px;max-width:100%;text-align:left}}