/* Citizenship Test: own styles on top of the shared frame */
.cz-lead{font-size:1.08rem;color:var(--soft)}
.cz-cta{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.btn.sm{min-height:40px;display:inline-flex;align-items:center}
.grid a{flex-wrap:wrap}.grid a small{white-space:normal}
.cz-list{list-style:none;padding:0;margin:14px 0}
.cz-q{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;margin:10px 0}
.cz-q h3{margin:0 0 6px;font-size:1.05rem;line-height:1.35}
.cz-n{display:inline-block;min-width:1.9em;padding:1px 6px;margin-right:4px;border-radius:6px;background:var(--surface2);font:500 .85rem var(--mono);text-align:center;vertical-align:1px}
.cz-star{font:600 .72rem var(--font);border:1px solid var(--line);border-radius:6px;padding:1px 5px;text-decoration:none;color:var(--soft);white-space:nowrap}
.cz-a{margin:4px 0 6px;padding-left:20px}
.cz-a li{margin:2px 0;font-weight:600}
.cz-note{margin:0;color:var(--soft);font-size:.93rem}
.cz-hidden .cz-q:not(.cz-open) .cz-a,.cz-hidden .cz-q:not(.cz-open) .cz-note{display:none}
.cz-hidden .cz-q:not(.cz-open){cursor:pointer}
.cz-hidden .cz-q:not(.cz-open)::after{content:"Tap to show the answer";display:block;color:var(--soft);font-size:.85rem}
.cz-pick{margin-top:10px}
.pt-count{color:var(--soft);font-size:.9rem;margin:0 0 6px}
.pt-q{margin:.2em 0 .6em;font-size:1.25rem;line-height:1.35}
.cz-card{min-height:230px}
.cz-link{background:none;border:0;padding:8px 0;min-height:40px;color:var(--soft);font:inherit;font-size:.9rem;text-decoration:underline;cursor:pointer}
.cz-ind{font-size:.88rem}
[hidden]{display:none!important}
@media print{.cz-cta,.cz-ind,.chips{display:none!important}.cz-q{border:0;padding:4px 0;break-inside:avoid}.cz-hidden .cz-a{display:block!important}}