.d-JOAW_practice{width:min(760px,100%);margin:0 auto}.d-JOAW_controls{background:#f3f5fb;border-radius:22px;gap:14px;margin-bottom:18px;padding:18px;display:grid}.d-JOAW_control{gap:7px;display:grid}.d-JOAW_control>span{color:#545459;letter-spacing:.02em;font-size:13px;font-weight:600}.d-JOAW_segment{background:#fff;border-radius:14px;flex-wrap:wrap;gap:4px;padding:4px;display:flex;box-shadow:0 1px 2px #141c3c14}.d-JOAW_segment button{color:#545459;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:auto;padding:6px 12px;font-size:15px;font-weight:600}.d-JOAW_segment button[aria-pressed=true]{color:#fff;background:#2b3a7a}.d-JOAW_segment button:focus-visible{outline-offset:2px;outline:2px solid #2b3a7a}.d-JOAW_filters{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.d-JOAW_filters select{color:#1d1d1f;min-height:40px;font:inherit;background:#fff;border:1px solid #d8ddea;border-radius:12px;padding:0 12px;font-size:15px}.d-JOAW_check{color:#1d1d1f;cursor:pointer;align-items:center;gap:7px;font-size:15px;display:inline-flex}.d-JOAW_check input{accent-color:#2b3a7a;width:18px;height:18px}.d-JOAW_progress{background:#e3e7f1;border-radius:99px;height:5px;margin-bottom:12px;overflow:hidden}.d-JOAW_progress span{border-radius:inherit;background:linear-gradient(90deg,#2b3a7a,#4a5aa0);height:100%;transition:width .25s;display:block}.d-JOAW_card{background:#fff;border:1px solid #e2e6ef;border-radius:28px;gap:16px;padding:24px;display:grid;box-shadow:0 1px 3px #141c3c14,0 14px 34px #141c3c17}.d-JOAW_cardHead{color:#6e6e73;justify-content:space-between;gap:12px;font-size:14px;font-weight:600;display:flex}.d-JOAW_number{color:#2b3a7a}.d-JOAW_face{color:inherit;font:inherit;text-align:left;background:0 0;border:0;gap:10px;padding:0;display:grid}.d-JOAW_face:not(:disabled){cursor:pointer}.d-JOAW_face:disabled{cursor:default;opacity:1}.d-JOAW_question{color:#1d1d1f;letter-spacing:-.01em;font-size:clamp(21px,3.2vw,26px);font-weight:650;line-height:1.3}.d-JOAW_translation{color:#545459;margin-top:4px;font-size:15.5px;font-weight:400;line-height:1.45;display:block}.d-JOAW_tap{color:#2b3a7a;align-items:center;gap:6px;margin-top:6px;font-size:14px;font-weight:600;display:inline-flex}.d-JOAW_answer{background:#eef1f9;border-radius:18px;padding:16px 18px;animation:.2s d-JOAW_civics-rise}.d-JOAW_answer>b{color:#2b3a7a;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.d-JOAW_answer ul{color:#1d1d1f;gap:8px;margin:0;padding-left:20px;font-size:17px;line-height:1.4;display:grid}.d-JOAW_note{color:#545459;flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 0;font-size:14px;line-height:1.45;display:flex}.d-JOAW_note a{color:#2b3a7a;font-weight:600}.d-JOAW_note .d-JOAW_translation{flex-basis:100%;margin:0 0 0 20px;font-size:14px}.d-JOAW_current{color:#545459;background:#fff;border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:12px 0 0;padding:10px 12px;font-size:14px;display:flex}.d-JOAW_current b{color:#1d1d1f;font-size:17px;font-weight:650}.d-JOAW_toggle{justify-self:center}.d-JOAW_card{position:relative}.d-JOAW_card:before{content:"";background:#b22234;border-radius:0 0 4px 4px;height:4px;position:absolute;top:-1px;left:28px;right:28px}.page-hero .d-JOAW_eyebrow.d-JOAW_eyebrow{color:#b22234}.d-JOAW_star{color:#b22234}.d-JOAW_key{color:#545459;margin:0;font-size:13.5px;line-height:1.45}.d-JOAW_shuffle{color:#2b3a7a}.d-JOAW_practice .d-JOAW_nav .d-JOAW_next.button{background:linear-gradient(135deg,#24326b,#2b3a7a 55%,#34448a);box-shadow:inset 0 1px #ffffff2e,0 8px 20px #2b3a7a42}.d-JOAW_practice .d-JOAW_nav .d-JOAW_next.button:hover{background:linear-gradient(135deg,#1d2a5c,#24326b 55%,#2b3a7a)}.d-JOAW_nav{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.d-JOAW_nav .button{justify-content:center;min-height:50px}.d-JOAW_small{color:#6e6e73;text-align:center;margin:10px 4px 0;font-size:13.5px}.d-JOAW_empty{color:#545459;text-align:center;background:#f3f5fb;border-radius:22px;padding:28px}@keyframes d-JOAW_civics-rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.d-JOAW_card[data-flip=a]{animation:.36s ease-in-out d-JOAW_civics-flip-a}.d-JOAW_card[data-flip=b]{animation:.36s ease-in-out d-JOAW_civics-flip-b}@keyframes d-JOAW_civics-flip-a{0%{transform:perspective(1400px)rotateY(0)}50%{transform:perspective(1400px)rotateY(90deg)}to{transform:perspective(1400px)rotateY(0)}}@keyframes d-JOAW_civics-flip-b{0%{transform:perspective(1400px)rotateY(0)}50%{transform:perspective(1400px)rotateY(-90deg)}to{transform:perspective(1400px)rotateY(0)}}.d-JOAW_card[data-mode=flip][data-revealed=true] .d-JOAW_answer{animation:none}@media (prefers-reduced-motion:reduce){.d-JOAW_answer,.d-JOAW_card[data-flip]{animation:none}.d-JOAW_progress span{transition:none}}@media (max-width:600px){.d-JOAW_controls{border-radius:18px;padding:14px}.d-JOAW_segment button{padding:6px 8px;font-size:14px}.d-JOAW_card{border-radius:22px;padding:18px}.d-JOAW_answer ul{font-size:16px}}
.study-resource{max-width:1100px;margin:auto}.study-resource h1{overflow-wrap:anywhere}.study-directory{columns:2;column-gap:3rem;padding-left:1.5rem}.study-directory li{break-inside:avoid;margin-bottom:12px}.study-resource .article-card{margin:24px 0}.mock-card{border:1px solid var(--line,#d9dfdf);background:#fff;border-radius:18px;padding:clamp(18px,4vw,36px)}.mock-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.mock-card button{min-height:48px}.bilingual-answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.print-study-card{break-inside:avoid;border:1px solid #bbb;margin:16px 0;padding:16px}.print-study-card h2{font-size:18px}.print-study-card h3{font-size:17px}.print-study-card li{overflow-wrap:anywhere}.study-resource a:focus-visible,.study-resource button:focus-visible{outline-offset:3px;outline:3px solid #0f6e5c}@media (max-width:640px){.study-directory{columns:1}.bilingual-answers{grid-template-columns:1fr}}@media print{body:has(.study-print) .site-nav{display:none!important}body:has(.study-print) footer{display:none!important}body:has(.study-print) [data-no-print]{display:none!important}body:has(.study-print){background:#fff!important}body:has(.study-print) .site{background:#fff!important}.study-resource{max-width:none;padding:0!important}.study-print{font:11pt/1.35 Arial,sans-serif}.bilingual-answers{grid-template-columns:repeat(2,minmax(0,1fr))}.print-study-card{page-break-inside:avoid;box-shadow:none!important}.print-study-card h2{font-size:13pt}.print-study-card h3{font-size:12pt}@page{size:letter;margin:.6in}}.study-languages{margin:12px 0;font-size:14px}.study-languages a[aria-current=page]{font-weight:700;text-decoration:underline}.study-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:14px 0 0;display:flex}.study-hero{padding-bottom:18px}.study-hero .lead{margin-bottom:8px}@media (max-width:640px){.study-hero{padding-top:24px}.study-hero h1{font-size:clamp(29px,7vw,38px)}.study-actions .button{white-space:normal}}@media print{body:has(.study-print) main.study-resource.section{display:block!important}.study-print{page:civics-study}@page civics-study{size:letter;margin:.6in;@bottom-center{content:"Case Album · casealbum.com · 2025 civics study";font-size:8pt;color:#555}}}.mock-answers ul{padding-left:1.4em;list-style:outside}.mock-answers li{margin:4px 0}.study-english{border-top:1px solid var(--line,#d9dfdf);margin-top:18px;padding-top:14px}.study-english h3{color:var(--ink-3,#667);margin:0 0 6px;font-size:15px}.study-tip{background:#e8f4f2b3;border-radius:12px;margin-top:16px;padding:12px 14px}.study-facts ul{margin:0;padding-left:1.2em}.study-facts li{margin:6px 0}.study-list summary{cursor:pointer;color:#1f6560;font-size:18px;font-weight:650}.study-list[open] summary{margin-bottom:12px}.study-small{text-align:center;margin-top:24px}.study-resource>.study-actions{justify-content:center;margin:8px 0 0}.current-official{flex-direction:column;gap:4px;margin:8px 0;display:flex}.current-official strong{color:var(--ink,#111);font-size:22px}.current-official small{color:var(--ink-3,#667);font-size:13.5px}.page-hero:has(+main.study-resource){padding-bottom:8px}main.section.study-resource{padding-top:12px}