@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap');
:root{--cit-ink:#30283f;--cit-muted:#746b80;--cit-purple:#7051b3;--cit-blue:#3d88c7;--cit-teal:#398b91;--cit-peach:#f1c9af;--cit-line:#e8e2ee;--cit-bg:#faf9f7;--cit-soft:#f0ebf8;--cit-sidebar:218px;--cit-header:72px}*{box-sizing:border-box}body.citizen{margin:0;background:var(--cit-bg);color:var(--cit-ink);font:15px/1.55 'DM Sans',sans-serif}.citizen button,.citizen input,.citizen select,.citizen textarea{font:inherit}.citizen a{color:var(--cit-purple);text-underline-offset:4px}.citizen button,.citizen summary{cursor:pointer}.citizen button:disabled{cursor:default;opacity:.48}.citizen [hidden]{display:none!important}.citizen :focus-visible{outline:3px solid #7caedc;outline-offset:4px}.cit-skip{position:fixed;top:-100px;background:white;z-index:100;padding:14px}.cit-skip:focus{top:0}.cit-top{height:var(--cit-header);position:fixed;inset:0 0 auto;z-index:30;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid var(--cit-line);display:flex;align-items:center;padding:0 30px;gap:24px}.cit-brand{display:flex;align-items:center;gap:9px;min-width:164px;text-decoration:none;color:var(--cit-ink)!important;font:700 22px Outfit,sans-serif;letter-spacing:-.6px}.cit-brand sup{font:9px 'DM Sans',sans-serif;vertical-align:super}.cit-space{border-left:1px solid var(--cit-line);padding-left:23px;font-size:13px;color:var(--cit-muted)}.cit-top-actions{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:13px}.cit-top-actions>a{text-decoration:none;color:var(--cit-muted)}.cit-lang{display:flex;padding:3px;border-radius:12px;background:#f3eff7}.cit-lang button{background:none;border:0;color:var(--cit-muted);border-radius:9px;padding:7px;font-size:11px;font-weight:700}.cit-lang button[aria-pressed=true]{background:#fff;color:var(--cit-purple);box-shadow:0 1px 4px #37295710}.cit-sidebar{position:fixed;top:var(--cit-header);bottom:0;left:0;width:var(--cit-sidebar);padding:32px 16px 20px;border-right:1px solid var(--cit-line);background:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:30px;overflow:auto;z-index:25}.cit-eyebrow{font-size:10px;letter-spacing:.13em;font-weight:700;text-transform:uppercase;color:var(--cit-purple);margin:0 0 14px}.cit-sidebar>.cit-eyebrow,.cit-sidebar>div>.cit-eyebrow{padding-left:13px}.cit-sidebar nav{display:grid;gap:7px}.cit-sidebar nav a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#6a6177;padding:12px 13px;border-radius:12px;font-size:13px;font-weight:500}.cit-sidebar nav a[aria-current=page]{background:var(--cit-soft);color:#62449f}.cit-sidebar nav a:hover{background:#f7f4fa}.cit-sidebar svg,.cit-icon svg,.cit-account svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.cit-side-note{padding:17px;border-radius:17px;background:#f4f8f8;font-size:11px;color:#526c70}.cit-side-note strong{display:block;font-size:12px;margin-top:9px}.cit-side-note p{line-height:1.65}.cit-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cit-teal)}.cit-main{margin-left:var(--cit-sidebar);padding:calc(var(--cit-header) + 38px) 4.2vw 48px;max-width:1920px}.cit-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}.citizen h1,.citizen h2,.citizen h3{font-family:Outfit,sans-serif;font-weight:500;line-height:1.16;letter-spacing:-.025em}.citizen h1{font-size:clamp(32px,3.3vw,48px);margin:0 0 14px;max-width:850px}.citizen h2{font-size:28px;margin:0 0 12px}.citizen h3{font-size:20px;margin:0 0 10px}.cit-heading p{max-width:650px;margin:0;color:var(--cit-muted)}.cit-btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid transparent;border-radius:12px;padding:13px 19px;background:var(--cit-purple);color:#fff!important;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .2s,transform .2s}.cit-btn:hover:not(:disabled){background:#60429e;transform:translateY(-1px)}.cit-btn.secondary{color:var(--cit-ink)!important;background:#fff;border-color:var(--cit-line)}.cit-btn.secondary:hover{background:#f1edf8}.cit-btn.ghost{background:transparent;color:var(--cit-purple)!important;border-color:transparent}.cit-btn.small{padding:9px 13px;font-size:12px}.cit-btn.danger{background:#fff;color:#ad4662!important;border-color:#edcfda}.cit-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cit-icon{border:1px solid var(--cit-line);background:#fff;border-radius:11px;padding:9px;line-height:1;display:inline-grid;place-items:center;color:var(--cit-purple)}.mobile-menu{display:none}.cit-account{position:relative}.cit-account summary{list-style:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--cit-soft);color:var(--cit-purple)}.cit-account summary::-webkit-details-marker{display:none}.cit-account>div{position:absolute;right:0;top:48px;min-width:245px;max-width:90vw;background:#fff;padding:17px;border-radius:17px;box-shadow:0 12px 40px #30283f1c;border:1px solid var(--cit-line);display:grid;gap:9px}.cit-account strong{overflow-wrap:anywhere;font-size:12px}.cit-account span{font-size:11px;color:var(--cit-muted)}.cit-account button,.cit-account a{background:none;border:0;text-align:left;color:var(--cit-purple);font-size:12px;padding:6px 0;text-decoration:none}.cit-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center;margin-bottom:38px}.cit-intro-image{position:relative}.cit-intro-image img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:90px 24px 90px 24px}.cit-intro-image::after{content:'';width:50px;height:50px;border-radius:50%;background:var(--cit-peach);position:absolute;right:-13px;bottom:-12px;z-index:-1}.cit-intro p{max-width:610px;color:var(--cit-muted)}.cit-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:25px;font-size:11px;background:var(--cit-soft);color:var(--cit-purple)}.cit-pill.teal{background:#e9f3f3;color:#326f72}.cit-filters{display:flex;align-items:end;gap:15px;flex-wrap:wrap;margin:20px 0}.cit-field{display:grid;gap:7px;min-width:0;font-size:12px;font-weight:600}.cit-field input,.cit-field select,.cit-field textarea,.cit-input{width:100%;min-width:0;border:1px solid #ded7e8;border-radius:12px;padding:12px 14px;background:#fff;color:var(--cit-ink);font:400 14px/1.5 'DM Sans',sans-serif}.cit-field textarea{min-height:110px;resize:vertical}.cit-filters .cit-field:first-child{flex:1;max-width:550px}.cit-filter-note{font-size:12px;color:var(--cit-muted)}.cit-frameworks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cit-framework{position:relative;display:flex;align-items:flex-start;gap:12px;padding:18px;border:1px solid var(--cit-line);border-radius:15px;background:white;cursor:pointer;transition:border-color .2s,background .2s}.cit-framework:has(input:checked){border-color:var(--ref,var(--cit-purple));background:color-mix(in srgb,var(--ref,var(--cit-purple)) 7%,white)}.cit-framework input{accent-color:var(--ref,var(--cit-purple));margin:4px 0 0;flex:none;width:15px;height:15px}.cit-framework strong{font-size:13px;font-weight:600}.cit-framework small{display:block;font-size:11px;color:var(--cit-muted);margin-top:5px}.cit-start-bar{position:sticky;bottom:16px;z-index:8;margin:24px 0 6px;border:1px solid var(--cit-line);border-radius:17px;background:#ffffffed;backdrop-filter:blur(14px);box-shadow:0 4px 24px #3228400c;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.cit-start-bar p{margin:0;font-size:13px}.cit-start-bar small{color:var(--cit-muted);display:block;font-size:11px}.cit-note{font-size:12px;color:var(--cit-muted);line-height:1.7}.cit-panel{background:#fff;border:1px solid var(--cit-line);border-radius:20px;padding:25px}.cit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.cit-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:25px 0}.cit-stat{padding:20px;background:#fff;border:1px solid var(--cit-line);border-radius:16px}.cit-stat strong{font:500 30px Outfit,sans-serif;display:block;color:var(--accent,var(--cit-purple))}.cit-stat span{font-size:12px;color:var(--cit-muted)}.cit-resume{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;background:#eee9f7;border-radius:24px;overflow:hidden;padding:24px}.cit-resume img{width:100%;border-radius:16px;aspect-ratio:3/2;object-fit:cover}.cit-resume h2{font-size:29px}.cit-progress{height:5px;border-radius:8px;background:#e7e1ed;overflow:hidden;margin:16px 0}.cit-progress span{height:100%;display:block;background:var(--cit-purple);transition:width .35s}.cit-list{display:grid;gap:12px;padding:0;list-style:none}.cit-list-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--cit-line)}.cit-list-row:first-child{padding-top:0}.cit-list-row small{display:block;font-size:11px;color:var(--cit-muted);margin-top:6px}.cit-list-row strong{font-size:14px;font-weight:600}.cit-empty{padding:34px 24px;border:1px dashed #d8cfe4;background:#ffffff80;border-radius:20px;text-align:center}.cit-empty p{color:var(--cit-muted);max-width:530px;margin:12px auto 22px;font-size:14px}.cit-training-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.cit-training-top p{font-size:12px;color:var(--cit-muted);margin:0}.cit-slide{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(24px,4vw,58px);align-items:center;animation:cit-reveal .42s cubic-bezier(.22,.8,.25,1) both;min-height:420px}.cit-scene{position:relative}.cit-scene img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:26px 70px 26px 26px;box-shadow:0 18px 50px #6550860b}.cit-scene::after{content:'';height:42px;width:42px;border-radius:50%;background:var(--cit-peach);position:absolute;left:28px;bottom:-15px;z-index:-1}.cit-slide h1{font-size:clamp(29px,3vw,43px);line-height:1.1}.cit-explanation{font-size:15px;line-height:1.75;color:#625970}.cit-example{background:#eef5f8;border-left:3px solid #6b9dc4;border-radius:0 12px 12px 0;padding:15px 18px;margin:20px 0;font-size:13px;line-height:1.7}.cit-example strong{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#3f779f;margin-bottom:5px}.cit-action{font-size:13px;line-height:1.65}.cit-action strong{color:var(--cit-purple);font-size:11px;display:block;margin-bottom:5px}.cit-slide-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:27px 0}.cit-source{border-top:1px solid var(--cit-line);padding:18px 0;margin-top:18px}.cit-source>summary{font-size:13px;font-weight:600;cursor:pointer}.cit-source p{font-size:12px;color:var(--cit-muted)}.cit-source-law{background:white;border:1px solid var(--cit-line);border-radius:14px;padding:18px;margin:12px 0}.cit-source-law h3{font-size:16px}.cit-source-law li{font-size:12px;line-height:1.7;margin:12px 0}.cit-source-law li a{display:block;font-size:11px}.cit-source-law ul{padding-left:18px}.cit-source-law .scheduled{color:#96631f}.cit-contents{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cit-contents button{background:#f8f6fb;border:1px solid var(--cit-line);border-radius:12px;text-align:left;padding:14px;color:var(--cit-ink);font-size:13px}.cit-contents button.current{background:var(--cit-soft);border-color:var(--cit-purple)}.cit-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cit-resource{border:1px solid var(--cit-line);border-radius:18px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.cit-resource>img{width:100%;aspect-ratio:3/2;object-fit:cover}.cit-resource>div{padding:18px;flex:1;display:flex;flex-direction:column;gap:12px}.cit-resource h3{font-size:20px}.cit-resource p{font-size:12px;color:var(--cit-muted);margin:0;flex:1}.cit-form{display:grid;gap:17px}.cit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cit-check{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.65;font-weight:400}.cit-check input{accent-color:var(--cit-purple);margin-top:4px;width:16px;height:16px;flex-shrink:0}.cit-details-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.cit-expert-card{background:white;border:1px solid var(--cit-line);border-radius:20px;padding:23px;display:flex;flex-direction:column;gap:12px}.cit-avatar{display:grid;place-items:center;background:#ebf3f6;border-radius:16px;width:50px;height:50px;color:#47819c;font:500 22px Outfit}.cit-expert-card>p{font-size:13px;color:var(--cit-muted);margin:0;flex:1}.cit-expert-card h3{margin:0}.cit-price{font:500 25px Outfit}.cit-price small{font:12px 'DM Sans';color:var(--cit-muted)}.cit-chat{max-height:420px;min-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;margin:20px 0;padding:5px}.cit-message{align-self:flex-start;max-width:90%;border-radius:16px 16px 16px 4px;background:#f1edf7;padding:12px 15px;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.cit-message.mine{align-self:flex-end;border-radius:16px 16px 4px 16px;background:#eaf3f5}.cit-message small{display:block;font-size:10px;color:var(--cit-muted);margin-bottom:5px;white-space:normal}.cit-attachment{padding:15px 0;border-bottom:1px solid var(--cit-line)}.cit-attachment strong{font-size:13px;overflow-wrap:anywhere}.cit-attachment small{font-size:11px;color:var(--cit-muted)}.cit-doc-tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:10px}.cit-doc-tools select{max-width:250px;padding:7px;font-size:11px}.cit-dialog{border:1px solid var(--cit-line);border-radius:24px;padding:35px;width:min(650px,calc(100vw - 30px));max-height:90dvh;overflow:auto;color:var(--cit-ink);background:#fff}.cit-dialog::backdrop{background:#2e243a70;backdrop-filter:blur(4px)}.cit-dialog-close{float:right;position:sticky;top:0;font-size:20px;margin-left:10px}.cit-dialog p{color:var(--cit-muted);font-size:13px}.cit-dialog h2{font-size:30px;margin-top:8px}.cit-dialog .cit-form{margin-top:24px}.cit-auth-tabs{display:flex;gap:7px;margin:24px 0}.cit-auth-tabs button{flex:1;padding:10px;background:#f6f3fa;border:1px solid var(--cit-line);border-radius:11px;font-size:12px;color:var(--cit-purple)}.cit-auth-tabs button[aria-pressed=true]{background:var(--cit-soft);border-color:#baa8d9}#cit-notice{position:sticky;top:85px;z-index:28;padding:14px 18px;margin-bottom:18px;border:1px solid #cce0e6;border-radius:12px;background:#eff7f9;font-size:13px}#cit-notice.error{background:#fff0f3;border-color:#ebc6d1;color:#8f3753}.cit-admin-group{border:1px solid var(--cit-line);padding:15px;border-radius:12px;max-height:240px;overflow:auto}.cit-admin-group label{display:flex;align-items:center;gap:8px;font-size:12px;padding:5px}.cit-admin-group legend{font-size:12px;font-weight:600}.cit-loading{padding:50px;text-align:center;color:var(--cit-muted)}@keyframes cit-reveal{from{opacity:0;transform:translateX(calc(var(--cit-direction,1)*18px)) translateY(5px)}to{opacity:1;transform:none}}@media(min-width:1600px){.cit-main{padding-left:6vw;padding-right:6vw}.cit-slide{min-height:510px}}@media(max-width:1150px){:root{--cit-sidebar:188px}.cit-main{padding-left:28px;padding-right:28px}.cit-frameworks,.cit-resources{grid-template-columns:repeat(2,minmax(0,1fr))}.cit-slide{gap:28px;min-height:auto}.cit-slide h1{font-size:31px}.cit-explanation{font-size:14px}.cit-stats{gap:10px}.cit-stat{padding:16px}.cit-details-grid{grid-template-columns:1fr}}@media(max-width:800px){:root{--cit-header:64px}.cit-top{padding:0 18px;gap:12px}.cit-brand{min-width:0;font-size:20px}.cit-space,.cit-top-actions>a{display:none}.mobile-menu{display:inline-grid}.cit-top-actions{gap:11px}.cit-top-actions .cit-btn{font-size:11px;padding:9px}.cit-main{margin-left:0;padding:90px 22px 30px}.cit-sidebar{transform:translateX(-105%);transition:transform .22s;width:230px;box-shadow:14px 0 40px #30283f20}.cit-sidebar.open{transform:translateX(0)}.cit-heading{align-items:flex-start;flex-direction:column;gap:16px}.cit-intro{gap:23px}.cit-intro h1{font-size:34px}.cit-intro-image img{border-radius:45px 18px 45px 18px}.cit-slide{grid-template-columns:1fr;gap:27px}.cit-scene{max-width:620px;margin:auto;width:100%}.cit-slide h1{max-width:100%;font-size:34px}.cit-slide .cit-eyebrow{margin-bottom:10px}.cit-slide-footer{position:sticky;bottom:0;padding:13px 0;background:#faf9f7f5;z-index:10}.cit-source{margin-top:0}.cit-slide .cit-example{margin:15px 0}.cit-explanation{font-size:15px}}@media(max-width:530px){.cit-main{padding:86px 17px 25px}.cit-brand img{width:24px;height:24px}.cit-brand{font-size:18px}.cit-top{padding:0 13px;gap:10px}.cit-top-actions{gap:8px}.cit-top-actions #cit-auth{max-width:91px;white-space:normal;line-height:1.3;padding:7px 9px}.cit-lang button{padding:6px;font-size:10px}.cit-intro{grid-template-columns:1fr}.cit-intro-image{max-width:420px}.cit-intro-image img{aspect-ratio:2/1;object-position:center 40%}.cit-frameworks{grid-template-columns:1fr}.cit-framework{padding:15px}.cit-start-bar{padding:12px 14px;gap:12px;bottom:9px}.cit-start-bar p{font-size:12px}.cit-start-bar .cit-btn{padding:12px 15px}.cit-grid,.cit-resume,.cit-resources,.cit-form-grid{grid-template-columns:1fr}.cit-resume{padding:20px}.cit-resume img{aspect-ratio:2/1}.cit-stats{grid-template-columns:1fr 1fr}.cit-stat strong{font-size:28px}.cit-panel{padding:20px}.cit-list-row{align-items:flex-start;flex-direction:column;gap:12px}.cit-contents{grid-template-columns:1fr}.cit-dialog{padding:24px}.cit-slide h1{font-size:31px}.cit-training-top{align-items:flex-start}.cit-training-top .cit-btn{padding:8px 10px;font-size:11px}.cit-scene img{border-radius:19px 45px 19px 19px}.cit-slide-footer .cit-btn{padding:11px 14px;font-size:12px}.cit-filters{gap:10px}.cit-filters .cit-field{width:100%;max-width:none!important}.cit-doc-tools{align-items:flex-start}.cit-doc-tools select{max-width:100%;width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Width attributes reserve space; rendered illustrations keep their natural proportions. */
.cit-intro-image img,.cit-scene img,.cit-resume img,.cit-resource>img{height:auto}.citizen img{max-width:100%}.cit-heading>div,.cit-slide>div,.cit-list-row>div{min-width:0}.cit-list-row strong{overflow-wrap:anywhere}.cit-framework[hidden]{display:none}.cit-empty{margin-top:16px}.cit-intro-image:only-child{max-width:680px}.cit-training-top>.cit-actions{justify-content:flex-end}@media(min-width:801px){.cit-slide{min-height:440px}.cit-scene img{max-height:460px;object-fit:contain;background:#fcf7ef}.cit-resume img{max-height:310px;object-fit:cover}}@media(max-width:530px){.cit-training-top{gap:12px}.cit-training-top>.cit-actions{flex-wrap:nowrap;gap:0}.cit-training-top>.cit-actions .cit-btn{padding:8px}.cit-training-top p{font-size:11px}.cit-slide{gap:25px}.cit-scene img{border-radius:18px 45px 18px 18px}}