.citizen-hero{padding:76px 0;background:linear-gradient(120deg,var(--navy),#0a568a);color:#fff}
.citizen-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:72px;align-items:center}
.citizen-back{display:inline-block;margin-bottom:28px;color:#dce9f1;font-weight:800}
.citizen-hero h1{max-width:760px;margin:8px 0 22px;color:#fff;font-size:clamp(3.2rem,6vw,5.6rem);letter-spacing:-.045em}
.citizen-hero p{max-width:720px;margin:0;color:#dce9f1;font-size:1.17rem}
.citizen-pills span{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#fff}
.citizen-progress-card{padding:34px;border:1px solid rgba(255,255,255,.18);border-radius:21px;background:rgba(3,27,48,.68);box-shadow:0 18px 44px rgba(2,20,35,.28)}
.citizen-progress-card .eyebrow{color:var(--gold)}
.citizen-progress-card>strong{display:block;margin:9px 0 17px;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:1.65rem;line-height:1.2}
.citizen-progress-track{height:11px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.17)}
.citizen-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:var(--gold);transition:width .3s ease}
.citizen-progress-card p{margin:16px 0 5px;color:#fff;font-weight:800}
.citizen-progress-card small{display:block;color:#bcd2df;line-height:1.5}
.citizen-official-band{padding:48px 0;background:#fff6da;border-bottom:1px solid #ead599}
.citizen-official-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}
.citizen-official-grid h2{margin:7px 0 12px;font-size:clamp(2rem,4vw,3rem)}
.citizen-official-grid p{margin:0;color:var(--muted)}
.citizen-version-switch{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.citizen-version-switch button{min-height:112px;padding:20px;border:2px solid #d8c994;border-radius:16px;background:#fff;text-align:left;color:var(--ink);cursor:pointer}
.citizen-version-switch button:hover,.citizen-version-switch button:focus-visible{border-color:var(--blue)}
.citizen-version-switch button.active{border-color:var(--navy);background:var(--navy);color:#fff;box-shadow:0 10px 24px rgba(8,43,76,.17)}
.citizen-version-switch strong,.citizen-version-switch span{display:block}
.citizen-version-switch strong{font-family:Georgia,'Times New Roman',serif;font-size:1.25rem}
.citizen-version-switch span{margin-top:5px;font-size:.82rem;line-height:1.45}
.citizen-version-note{margin-top:22px;padding:14px 18px;border-left:5px solid var(--gold);background:rgba(255,255,255,.72);color:var(--navy);font-weight:800}
.citizen-library{background:#fff}
.citizen-module-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.citizen-module-card{display:flex;grid-column:span 2;flex-direction:column;min-width:0;padding:31px;border:1px solid var(--line);border-radius:20px;background:var(--cream);box-shadow:0 8px 25px rgba(8,43,76,.06)}
.citizen-module-card:nth-child(4){grid-column:2/span 2}
.citizen-module-card:nth-child(5){grid-column:4/span 2}
.citizen-module-number{display:grid;width:47px;height:47px;place-items:center;margin-bottom:18px;border-radius:14px;background:var(--navy);color:var(--gold);font-weight:900}
.citizen-module-status{display:inline-flex;align-self:flex-start;margin:-57px 0 24px 60px;padding:5px 10px;border-radius:999px;background:#e9e5d9;color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}
.citizen-module-status.complete{background:#dff3e4;color:#176b35}
.citizen-module-card h3{font-size:1.55rem}
.citizen-module-card p{flex:1;color:var(--muted)}
.citizen-module-card .button{align-self:flex-start;margin-top:8px}
.citizen-module-featured{border-color:var(--navy);background:var(--navy);color:#fff}
.citizen-module-featured h3{color:#fff}
.citizen-module-featured p{color:#dce9f1}
.citizen-module-featured .citizen-module-number{background:var(--gold);color:var(--navy)}
.citizen-module-featured .citizen-module-status{background:rgba(255,255,255,.13);color:#dce9f1}
.citizen-module-featured .citizen-module-status.complete{background:#dff3e4;color:#176b35}
.citizen-workspace{padding:62px 0 90px;background:#edf4f7}
.citizen-workspace-back{margin-bottom:26px;padding:0;border:0;background:transparent;color:var(--blue);font-weight:900;cursor:pointer}
.citizen-workspace-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:28px;padding:34px;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(8,43,76,.08)}
.citizen-workspace-heading h2{margin:7px 0 10px;font-size:clamp(2.2rem,4vw,3.4rem)}
.citizen-workspace-heading p{max-width:720px;margin:0;color:var(--muted)}
.citizen-workspace-actions{display:flex;flex:0 0 auto;gap:10px}
.citizen-practice-shell{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:25px;align-items:start}
.citizen-practice-card{padding:38px;border-top:7px solid var(--blue);border-radius:19px;background:#fff;box-shadow:0 9px 28px rgba(8,43,76,.08)}
.citizen-practice-label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;color:var(--blue);font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.citizen-question{margin:0 0 25px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.8rem,4vw,2.75rem);line-height:1.2;color:var(--navy)}
.citizen-guidance{padding:19px;border-left:5px solid var(--gold);border-radius:10px;background:#fff8e4;color:var(--ink)}
.citizen-guidance[hidden]{display:none}
.citizen-guidance h3{margin:0 0 8px;font-size:1.15rem}
.citizen-guidance p{margin:0;color:var(--muted)}
.citizen-answer{padding:20px;border-radius:13px;background:var(--navy);color:#fff}
.citizen-answer[hidden]{display:none}
.citizen-answer strong{display:block;margin-bottom:6px;color:var(--gold);font-size:.78rem;text-transform:uppercase}
.citizen-answer p{margin:0;color:#fff;font-size:1.15rem;font-weight:800}
.citizen-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.citizen-card-actions .button{padding:11px 18px}
.citizen-self-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}
.citizen-self-actions[hidden]{display:none}
.citizen-self-actions button{border:0;border-radius:999px;padding:10px 17px;font-weight:900;cursor:pointer}
.citizen-correct{background:#dff3e4;color:#176b35}
.citizen-again{background:#fff0e5;color:#8a3d15}
.citizen-side-card{padding:24px;border-radius:17px;background:var(--navy);color:#fff;box-shadow:0 9px 26px rgba(8,43,76,.14)}
.citizen-side-card h3{color:#fff;font-size:1.25rem}
.citizen-side-card p{color:#dce9f1;font-size:.88rem}
.citizen-side-card strong{color:var(--gold)}
.citizen-mini-track{height:9px;overflow:hidden;margin:15px 0 8px;border-radius:99px;background:rgba(255,255,255,.17)}
.citizen-mini-track span{display:block;height:100%;background:var(--gold)}
.citizen-writing-input{width:100%;min-height:125px;margin-top:14px;padding:15px;border:2px solid var(--line);border-radius:12px;color:var(--ink);font:inherit;font-size:1.1rem;line-height:1.55;resize:vertical}
.citizen-writing-input:focus{outline:3px solid rgba(10,103,163,.18);border-color:var(--blue)}
.citizen-writing-feedback{margin-top:12px;padding:12px 15px;border-radius:10px;font-weight:800}
.citizen-writing-feedback.correct{background:#e4f5e8;color:#176b35}
.citizen-writing-feedback.incorrect{background:#fff0e5;color:#8a3d15}
.citizen-mock-intro,.citizen-mock-result{padding:36px;border-radius:19px;background:#fff;box-shadow:0 9px 28px rgba(8,43,76,.08)}
.citizen-mock-intro h3,.citizen-mock-result h3{font-size:2rem}
.citizen-mock-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}
.citizen-mock-rules div{padding:19px;border-radius:13px;background:var(--cream)}
.citizen-mock-rules span,.citizen-mock-rules strong{display:block}
.citizen-mock-rules span{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}
.citizen-mock-rules strong{margin-top:4px;color:var(--navy);font-size:1.35rem}
.citizen-mock-score{display:grid;place-items:center;width:126px;height:126px;margin-bottom:24px;border:10px solid var(--sky);border-radius:50%;color:var(--navy);font-size:2rem;font-weight:900}
.citizen-mock-score.pass{border-color:#a9ddb8;color:#176b35}
.citizen-mock-score.review{border-color:#f4c2a5;color:#8a3d15}
.citizen-current-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:28px}
.citizen-current-grid article{padding:24px;border-top:5px solid var(--gold);border-radius:13px;background:#fff;box-shadow:0 7px 21px rgba(8,43,76,.06)}
.citizen-current-grid span,.citizen-current-grid strong{display:block}
.citizen-current-grid span{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}
.citizen-current-grid strong{margin-top:7px;color:var(--navy);font-family:Georgia,'Times New Roman',serif;font-size:1.15rem;line-height:1.25}
.citizen-share-section{background:#fff}
.citizen-share-card{display:grid;grid-template-columns:190px 1fr;gap:38px;align-items:center;padding:36px;border:1px solid var(--line);border-radius:22px;background:var(--cream)}
.citizen-share-card img{width:190px;height:190px;padding:9px;border-radius:12px;background:#fff}
.citizen-share-card h2{margin:7px 0 10px;font-size:2.4rem}
.citizen-share-card p{max-width:720px;color:var(--muted)}
.citizen-share-card code{display:inline-block;padding:8px 11px;border-radius:8px;background:#fff;color:var(--navy);overflow-wrap:anywhere}
.citizen-disclaimer{padding:32px 0;background:var(--navy);color:#dce9f1}
.citizen-disclaimer strong{color:var(--gold)}
.citizen-disclaimer p{max-width:950px;margin:6px 0 16px}
.citizen-official-links{display:flex;flex-wrap:wrap;gap:18px}
.citizen-official-links a{color:#fff;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1050px){.citizen-hero-grid,.citizen-official-grid{grid-template-columns:1fr}.citizen-progress-card{max-width:560px}.citizen-module-card{grid-column:span 3}.citizen-module-card:nth-child(4){grid-column:span 3}.citizen-module-card:nth-child(5){grid-column:2/span 4}.citizen-current-grid{grid-template-columns:repeat(3,1fr)}.citizen-workspace-heading{align-items:flex-start;flex-direction:column}.citizen-workspace-actions{width:100%}}
@media(max-width:760px){.citizen-version-switch{grid-template-columns:1fr}.citizen-module-grid{grid-template-columns:1fr}.citizen-module-card,.citizen-module-card:nth-child(4),.citizen-module-card:nth-child(5){grid-column:auto}.citizen-practice-shell{grid-template-columns:1fr}.citizen-side-card{order:-1}.citizen-current-grid{grid-template-columns:1fr 1fr}.citizen-mock-rules{grid-template-columns:1fr}.citizen-share-card{grid-template-columns:1fr}.citizen-share-card img{width:155px;height:155px}.citizen-workspace-actions{flex-direction:column}.citizen-workspace-actions .button{width:100%}}
@media(max-width:520px){.citizen-hero{padding:52px 0}.citizen-hero h1{font-size:2.75rem}.citizen-progress-card,.citizen-module-card,.citizen-practice-card,.citizen-mock-intro,.citizen-mock-result{padding:26px 21px}.citizen-workspace-heading{padding:27px 21px}.citizen-current-grid{grid-template-columns:1fr}.citizen-card-actions .button{width:100%}}
@media print{.site-header,.site-footer,.citizen-hero,.citizen-official-band,.citizen-library,.citizen-current-section,.citizen-share-section,.citizen-disclaimer,.citizen-workspace-back,.citizen-workspace-actions,.citizen-card-actions,.citizen-side-card{display:none!important}.citizen-workspace[hidden]{display:none!important}.citizen-workspace{display:block!important;padding:0;background:#fff}.citizen-workspace-heading,.citizen-practice-card,.citizen-mock-intro,.citizen-mock-result{box-shadow:none}.citizen-practice-shell{grid-template-columns:1fr}.citizen-practice-card{break-inside:avoid}}