.civics{padding-block:var(--s10) var(--s16);max-inline-size:var(--container-lg);padding-inline:var(--gutter);margin-inline:auto}.civics h1{letter-spacing:-.035em;max-inline-size:22ch;font-size:clamp(2rem,3.3vw,2.875rem);line-height:1.15}.civics h2{font-size:var(--type-heading-3);line-height:1.3}.civics p{color:var(--color-muted)}.civics .c-lead{font-size:var(--large);max-inline-size:62ch;margin-block:var(--s5) var(--s8)}.c-eyebrow{font-size:var(--small);color:var(--color-action);margin-block-end:var(--s3)}.c-actions{align-items:center;gap:var(--s3);margin-block:var(--s5);flex-wrap:wrap;display:flex}.c-muted{font-size:var(--small);color:var(--color-muted)}.c-hero{gap:var(--s10);margin-block:var(--s6) var(--s12);grid-template-columns:minmax(0,1fr) 22rem;align-items:center;display:grid}.c-callout{padding:var(--s6);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-3)}.c-callout strong{font-size:var(--title);margin-block:var(--s3);display:block}.c-grid{gap:var(--s5);margin-block:var(--s6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.c-chapter{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-3);color:var(--color-text);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.c-chapter:hover{border-color:var(--color-action);box-shadow:var(--shadow-2)}.civics .c-chapter img{aspect-ratio:16/10;object-fit:cover;inline-size:100%}.c-chapter-body{padding:var(--s5);gap:var(--s3);flex-direction:column;flex:1;display:flex}.c-chapter h3{font-size:var(--large);flex:1;line-height:1.4}.c-chapter progress{block-size:6px;inline-size:100%;accent-color:var(--color-action)}.c-workspace{justify-content:center;gap:var(--s8);grid-template-columns:minmax(0,760px) 240px;align-items:start;display:grid}.c-session-heading{justify-content:space-between;align-items:center;gap:var(--s4);margin-block:var(--s5);display:flex}.c-session-heading h1{font-size:var(--type-heading-2)}.c-progress{block-size:6px;inline-size:100%;accent-color:var(--color-action);margin-block:var(--s3) var(--s6);display:block}.c-row{justify-content:space-between;gap:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.c-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-3);padding:var(--s6)}.c-card-top{border-block-end:1px solid var(--color-border);font-size:var(--small);color:var(--color-muted);padding-block-end:var(--s5)}.civics .c-question{margin-block:0 var(--s4);letter-spacing:-.025em;font-size:clamp(1.4rem,2vw,1.8rem);line-height:1.4}.c-language{align-items:center;gap:var(--s3);margin-block:var(--s4);flex-wrap:wrap;display:flex}.c-language .segmented button{min-block-size:44px}.c-translation{margin-block:var(--s4);font-size:var(--body)}.c-options{gap:var(--s2);margin-block:var(--s4);display:grid}.c-option{align-items:start;gap:var(--s3);width:100%;padding:var(--s2) var(--s3);text-align:start;border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface);min-block-size:44px;color:var(--color-text);font:inherit;cursor:pointer;display:flex}.c-option:hover:not(:disabled){border-color:var(--color-action);background:var(--color-surface-subtle)}.c-option[aria-pressed=true]{border:2px solid var(--color-action);padding:calc(var(--s2) - 1px) calc(var(--s3) - 1px);background:var(--color-surface-subtle)}.c-option small{color:var(--color-muted);font-size:var(--small);margin-block-start:var(--s1);display:block}.c-option .c-key{border:1px solid var(--color-border);border-radius:var(--radius-1);text-align:center;min-inline-size:24px;line-height:24px;font-size:var(--small);flex-shrink:0}.c-option.is-right{background:var(--color-success-bg);border-color:var(--color-success)}.c-option.is-wrong{background:var(--color-danger-bg);border-color:var(--color-danger)}.c-option:disabled{cursor:default;opacity:1}.c-feedback{border-inline-start:3px solid var(--color-success);background:var(--color-surface-subtle);padding:var(--s5);margin-block:var(--s5)}.c-feedback h3{font-size:var(--large);margin-block-end:var(--s3)}.c-feedback p{color:var(--color-text);margin-block:var(--s3)}.c-feedback .c-wrong{border-block-end:1px solid var(--color-border);margin-block-end:var(--s4);padding-block-end:var(--s4)}.c-feedback .c-source{font-size:var(--small);color:var(--color-muted);margin-block-start:var(--s5)}.c-terms{gap:var(--s2);margin-block:var(--s3);flex-wrap:wrap;display:flex}.c-term{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-1);padding:var(--s2) var(--s3);font-size:var(--small)}.c-controls{justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;margin-block-start:var(--s5);display:flex}.c-keyboard{font-size:var(--tiny);color:var(--color-muted);max-inline-size:25ch}.c-session-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-3);padding:var(--s5);margin-block-start:var(--s6)}.c-stats{margin-block:var(--s5)}.c-stats>div{padding-block:var(--s3);border-block-end:1px solid var(--color-border);justify-content:space-between;display:flex}.c-stats dd{font-size:var(--large);font-weight:600}.c-tiles{gap:var(--s2);margin-block:var(--s5);grid-template-columns:repeat(5,1fr);display:grid}.c-tile{aspect-ratio:1;border:1px solid var(--color-border);background:var(--color-bg);border-radius:var(--radius-1);font-size:var(--small);color:var(--color-text);place-items:center;display:grid}button.c-tile{cursor:pointer}.c-tile.done{background:var(--color-success-bg);color:var(--color-success)}.c-tile.wrong{background:var(--color-warning-bg);color:var(--color-warning)}.c-save{gap:var(--s2);margin-block:var(--s5);font-size:var(--small);flex-wrap:wrap;display:flex}.c-save [data-save-status]{font-weight:600}.c-save button{font:inherit;color:var(--color-action);cursor:pointer;background:0 0;border:0;min-block-size:44px;text-decoration:underline}.c-dialog{border:1px solid var(--color-border);border-radius:var(--radius-3);background:var(--color-surface);color:var(--color-text);padding:var(--s8);max-inline-size:min(32rem,100vw - 32px);margin:auto}.c-dialog::backdrop{background:var(--color-scrim)}.c-dialog h2{font-size:var(--type-heading-3)}.c-dialog p{margin-block:var(--s5)}.c-image{object-fit:contain;border-radius:var(--radius-2);max-block-size:320px;inline-size:100%;margin-block:var(--s4);display:block}.c-summary{max-inline-size:var(--container-md);margin-inline:auto}.c-score{color:var(--color-action);margin-block:var(--s5);font-size:clamp(2rem,5vw,3.5rem)}.c-review{margin-block:var(--s5)}.c-review summary{cursor:pointer;min-block-size:44px;padding:var(--s4);font-weight:500}.c-review details{border-block-end:1px solid var(--color-border)}.c-article{max-inline-size:48rem;margin-inline:auto}.c-related{gap:var(--s3);margin-block:var(--s5);padding-inline-start:var(--s5);display:grid}.civics [hidden]{display:none!important}.c-error{padding:var(--s4);background:var(--color-warning-bg);color:var(--color-warning)}@media (width<=1199px){.c-workspace{grid-template-columns:minmax(0,760px)}.c-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.civics{padding-block:var(--s6) var(--s10)}.c-hero{gap:var(--s5);grid-template-columns:1fr;margin-block-end:var(--s8)}.c-grid{gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr))}.c-chapter-body{padding:var(--s3)}.c-chapter h3{font-size:var(--body)}.c-workspace{gap:var(--s4);grid-template-columns:minmax(0,1fr)}.c-card{padding:var(--s4)}.c-session-panel{margin-block-start:0}.c-session-heading h1{font-size:var(--type-heading-3)}.c-session-panel .c-tiles{gap:var(--s1);grid-template-columns:repeat(10,1fr)}.c-keyboard{display:none}.c-controls{justify-content:flex-end}.civics .c-question{font-size:var(--type-heading-3)}.c-language{display:block}.c-language .segmented{margin-block-start:var(--s2);display:flex}.c-language .segmented button{flex:1}.c-stats{gap:var(--s4);margin-block:var(--s4);display:flex}.c-stats>div{flex:1;display:block}.c-summary .c-card{padding:var(--s4)}.c-dialog{padding:var(--s5)}}.c-tiles:has(button){grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.c-tile{min-inline-size:0;padding:0}.c-tile:is(button){aspect-ratio:auto;min-block-size:44px}@media (width<=700px){.c-session-panel .c-tiles:has(button){gap:var(--s1);grid-template-columns:repeat(6,minmax(0,1fr))}}@font-face{font-family:Noto Sans SC;src:url(/fonts/v2/NotoSansSC.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Noto Sans Arabic;src:url(/fonts/v2/NotoSansArabic.woff2)format("woff2");font-weight:100 900;font-display:swap}[data-civics-session]{padding-block-start:var(--s5)}.c-topbar{align-items:center;gap:var(--s5);max-inline-size:1032px;margin:0 auto var(--s6);padding-block:var(--s3);border-block-end:1px solid var(--color-border);display:flex}.c-back{align-items:center;gap:var(--s2);font-size:var(--small);flex-shrink:0;text-decoration:none;display:inline-flex}.civics .c-topbar h1{font-size:var(--body);letter-spacing:0;flex:1;min-inline-size:0;max-inline-size:none;font-weight:600;line-height:1.4}.c-position,[data-timer]{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:var(--small)}.c-position:empty{display:none}.c-topbar .c-save{padding:var(--s2) var(--s3);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-2);font-size:var(--tiny);align-items:center;max-inline-size:24rem;margin:0}.c-topbar .c-save [data-save-status]{font-weight:500}.c-question-column{min-inline-size:0}.c-session-panel{margin-block-start:0}.c-progress{margin-block:0 var(--s4)}.c-question-card .c-language,.c-question-card .c-translation{margin-block:var(--s3)}.c-question-card .c-feedback{margin-block:var(--s3) 0;padding:var(--s4)}.c-question-card .c-feedback h3{font-size:var(--body)}.c-question-card .c-feedback .c-source{margin-block-start:var(--s3)}.has-feedback .c-controls{z-index:5;background:var(--color-surface);border-block-start:1px solid var(--color-border);padding-block:var(--s3);box-shadow:0 -8px 16px -16px var(--color-text);padding-block-end:max(var(--s3),env(safe-area-inset-bottom));position:sticky;bottom:0}.c-controls .button:last-child{margin-inline-start:auto}.c-exam-intro{padding:var(--s8)}.civics .c-exam-intro h2{font-size:var(--type-heading-2);letter-spacing:-.025em}.c-exam-facts{margin-block:var(--s6);gap:var(--s4);padding:0;list-style:none;display:grid}.c-exam-facts li{align-items:center;gap:var(--s4);font-size:var(--large);display:flex}.c-exam-facts .icon{box-sizing:content-box;padding:var(--s3);background:var(--color-surface-subtle);border-radius:var(--radius-2);color:var(--color-action);flex-shrink:0}.c-exam-source{align-items:center;gap:var(--s2);font-size:var(--small);margin-block-start:var(--s3);display:inline-flex}.c-exam-source .icon{flex-shrink:0}.c-result-hero{padding:var(--s8)}.c-result-section{margin-block:var(--s8)}.c-breakdown{gap:var(--s4);margin-block:var(--s5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.c-result-chapter{align-items:flex-start;gap:var(--s4);padding:var(--s4);border:1px solid var(--color-border);border-radius:var(--radius-3);background:var(--color-surface);color:var(--color-text);text-decoration:none;display:flex}.c-result-chapter:hover{border-color:var(--color-action);box-shadow:var(--shadow-2)}.c-result-chapter img,.c-review-card img{object-fit:cover;border-radius:var(--radius-2);flex-shrink:0}.c-result-chapter img{block-size:64px;inline-size:80px}.c-result-chapter>div{flex:1;min-inline-size:0}.c-result-chapter h3{font-size:var(--body);margin-block:var(--s1) var(--s2);line-height:1.4}.c-result-chapter progress{block-size:6px;inline-size:100%;accent-color:var(--color-action);margin-block-start:var(--s3);display:block}.c-review{gap:var(--s3);display:grid}.c-review .c-review-card{border:1px solid var(--color-border);border-radius:var(--radius-3);background:var(--color-surface);overflow:hidden}.c-review-card img{block-size:48px;inline-size:64px}.c-review-card summary{align-items:center;gap:var(--s4);padding:var(--s5);list-style:none;display:flex}.c-review-card summary::-webkit-details-marker{display:none}.c-review-card summary>span:nth-child(2){gap:var(--s2);flex:1;min-inline-size:0;display:grid}.c-review-card summary:after{content:"+";font-size:var(--large);color:var(--color-muted)}.c-review-card[open] summary:after{content:"−"}.c-review-status{background:var(--color-warning-bg);block-size:28px;inline-size:28px;color:var(--color-warning);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.c-review-status.is-right{background:var(--color-success-bg);color:var(--color-success)}.c-review-body{padding:0 var(--s5) var(--s5)}@media (width<=1199px){.c-topbar{max-inline-size:760px}.c-session-panel .c-tiles,.c-session-panel .c-tiles:has(button){grid-template-columns:repeat(10,minmax(0,1fr))}}@media (width<=700px){.c-topbar{gap:var(--s3);grid-template-columns:1fr auto;margin-block-end:var(--s4);display:grid}.c-topbar h1{grid-area:2/1}.c-topbar .c-position{text-align:end;grid-area:2/2}.c-topbar .c-save{grid-area:1/2;justify-self:end;max-inline-size:13rem}.c-topbar [data-timer]{text-align:end;grid-column:2}.c-exam-intro,.c-result-hero{padding:var(--s5)}.c-exam-facts li{font-size:var(--body)}.c-breakdown{grid-template-columns:minmax(0,1fr)}.c-review-card summary{gap:var(--s3);padding:var(--s4)}.c-review-card img{block-size:48px;inline-size:48px}.c-review-body{padding:0 var(--s4) var(--s4)}.c-session-panel .c-tiles:has(button){grid-template-columns:repeat(6,minmax(0,1fr))}.has-feedback .c-keyboard{max-inline-size:18ch;font-size:var(--tiny);flex:1;display:block}}.p2-home .civics .c-image{object-fit:contain;aspect-ratio:auto;background:var(--color-surface-subtle);block-size:auto;max-block-size:360px}.c-exam-source,.c-article>a:first-child{align-items:center;min-block-size:44px;display:inline-flex}