.civic-overview{margin:20px 0 12px;padding-top:17px;border-top:1px solid var(--line,#d7deca)}.civic-heading,.civic-project-header{display:flex;gap:12px;align-items:center;justify-content:space-between}.civic-heading .eyebrow{font-size:9px;letter-spacing:1.5px}.civic-guide-button{font-size:10px;color:#496943;text-decoration:underline;text-underline-offset:3px;min-height:32px}.civic-overview h3{font:25px/1.15 Georgia,serif;margin:6px 0 10px;letter-spacing:-.5px}.civic-explanation,.civic-proof,.civic-empty,.civic-footnote{font-size:11px;line-height:1.65;color:#6c7865;overflow-wrap:anywhere}.civic-milestones{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;margin:15px 0}.civic-milestones span{display:grid;place-items:center;min-height:25px;border:1px solid #d9ddcd;color:#8d957f;font:10px sans-serif;border-radius:3px}.civic-milestones .earned{background:#3c5f4c;color:#fff;border-color:#3c5f4c}.civic-milestones .eligible{border:2px solid #a9884d;color:#735b32;background:#f5efdb}.civic-next{padding:10px 12px;background:#edf0e4;border-radius:5px}.civic-next span{display:block;font-size:9px;letter-spacing:.7px;text-transform:uppercase;color:#7a846e}.civic-next strong{display:block;font-size:12px;margin-top:5px}.civic-proof code{font:10px/1.7 monospace}.civic-project-header{font-size:11px;margin-top:17px}.civic-project-header>span{font-size:10px;color:#7c866f}.civic-projects{list-style:none;padding:0;margin:10px 0}.civic-projects li{padding:10px;background:#f1eddf;border-radius:4px;margin-top:6px;overflow-wrap:anywhere}.civic-projects strong,.civic-projects span{display:block;font-size:11px;line-height:1.5}.civic-projects span{font-size:10px;color:#7b7c69;margin-top:4px}.civic-projects progress{width:100%;height:5px;margin-top:7px;accent-color:#7e925c}.civic-signal{padding:12px 0;border-top:1px solid #e0e3d4}.civic-signal strong,.civic-signal span{display:block;font-size:11px;line-height:1.6}.civic-signal span{font-size:10px;color:#7c856f;margin-top:3px;overflow-wrap:anywhere}.civic-footnote{font-size:9px}.civic-packages{font-size:10px;line-height:1.8;margin:12px 0}.civic-packages summary{cursor:pointer;min-height:30px}.civic-guide{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:28px;border:1px solid #bcc6b0;border-radius:12px;background:#f7f5eb;color:#2c453c;box-sizing:border-box;overscroll-behavior:contain;overflow-y:auto;overflow-x:hidden}.civic-guide::backdrop{background:#092d36b8;backdrop-filter:blur(3px)}.civic-guide header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.civic-guide h2{font:34px/1.1 Georgia,serif;margin:8px 0 14px;letter-spacing:-1px}.civic-close{width:44px;min-width:44px;height:44px;border-radius:50%;background:#e8eddd;font-size:24px}.civic-guide-intro{font-size:14px;line-height:1.7;color:#66775e}.civic-guide-rule{background:#edf0e3;border:1px solid #d7dfcb;border-radius:7px;padding:16px 18px;margin:18px 0}.civic-guide-rule h3{font:21px Georgia,serif;margin:0 0 8px}.civic-guide-rule p{font-size:12px;line-height:1.75;color:#65745c;margin:8px 0}.civic-guide-rule>strong{font-size:13px}.civic-era-guide{list-style:none;padding:0;margin:24px 0}.civic-era-guide li{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid #dce2d0;break-inside:avoid}.civic-era-number{width:36px;height:40px;display:grid;place-items:center;background:#3c5f4c;color:#f6f0db;font:22px Georgia,serif;border-radius:5px 5px 13px 13px}.civic-era-guide h3{font:25px Georgia,serif;margin:0 0 5px}.civic-era-guide strong{font-size:11px;color:#8d7548}.civic-era-guide p{font-size:13px;line-height:1.7;margin:8px 0;color:#63745d}.civic-era-guide small{display:block;font-size:11px;line-height:1.6;color:#879078}.civic-guide button:focus-visible,.civic-guide-button:focus-visible{outline:2px solid #285b55;outline-offset:3px}@media(max-width:450px){.civic-guide{padding:20px 16px}.civic-guide h2{font-size:28px}.civic-era-guide li{grid-template-columns:30px 1fr;gap:12px}.civic-era-number{width:29px;height:34px;font-size:18px}.civic-era-guide h3{font-size:23px}.civic-guide-rule{padding:14px}.civic-overview h3{font-size:26px}}@media(prefers-reduced-motion:reduce){.civic-guide{scroll-behavior:auto}}
@media(max-width:600px){.civic-guide-button{min-height:44px;font-size:11px}.civic-explanation,.civic-proof,.civic-empty{font-size:12px}.civic-signal strong,.civic-signal span{font-size:12px}.civic-projects strong{font-size:12px}.civic-footnote{font-size:10px}}