:root{--ink:#16233d;--muted:#55627c;--bg:#f4f7fb;--card:#ffffff;--navy:#0b3566;--navy2:#0a376b;--blue:#1a5fb4;--blue2:#0e7a86;--blue-soft:#e8f1fb;--mint:#0f7a5f;--mint-soft:#e4f6ef;--orange:#b0640a;--orange-soft:#fdf1e0;--red:#b3261e;--red-soft:#fbe8e7;--line:#dde5ef;--line-strong:#b9c6d8;--shadow:0 14px 40px rgba(16,42,77,.09);--radius:24px}
html{overflow:auto!important;scroll-padding-top:160px}body{height:auto!important;min-height:100vh;overflow:auto!important;background:#f4f7fb;color:#16233d;font-family:Inter,'Segoe UI',sans-serif;font-size:16px;line-height:1.7}.app{height:auto!important;min-height:100vh;display:block!important}.topbar{position:sticky!important;top:0;height:78px!important;background:linear-gradient(110deg,#0b3566,#0a3f74 62%,#0a5f84)!important;border-bottom:1px solid #08284c;z-index:100}.topbar-inner{max-width:1320px;margin:auto;height:78px;padding:0 30px!important;gap:24px}.topbar .brand{font-size:27px;color:#ffffff}.module-title{color:#d9e7f6;font-size:13px}.topbar-menu-btn{background:rgba(255,255,255,.16);color:#ffffff;border:1px solid rgba(255,255,255,.45);border-radius:30px}.progress-mini{margin-left:auto;min-width:130px;color:#eaf3fc}.progress-track{background:rgba(255,255,255,.28)}.progress-fill{background:linear-gradient(90deg,#7fd8e8,#ffffff)}.shell,.shell.sidebar-mini{display:block!important;max-width:none!important;padding:0!important;height:auto!important;overflow:visible!important}.sidebar{position:sticky!important;top:78px!important;display:block!important;width:100%!important;height:auto!important;max-height:none!important;background:#ffffffee!important;border:0!important;border-bottom:1px solid #dde5ef!important;backdrop-filter:blur(16px);border-radius:0!important;z-index:80;padding:10px 20px!important;transform:none!important;box-shadow:0 2px 10px rgba(16,42,77,.05)!important}.sidebar-head{display:none!important}.chapter-list{display:flex!important;flex-direction:row!important;justify-content:center;gap:6px;overflow:auto!important;padding:0!important}.chapter-btn{width:auto!important;flex-shrink:0;display:flex!important;align-items:center;gap:9px;border:1px solid transparent!important;background:transparent!important;color:#45536e!important;border-radius:9px!important;padding:8px 14px!important;font-size:12px!important;line-height:1.5;min-height:39px}.chapter-btn span{color:#5c6c86}.chapter-btn .icon{width:13px;height:13px}.chapter-btn.active{border-color:#1a5fb4!important;background:#e8f1fb!important;color:#0b3566!important}.chapter-btn:disabled{opacity:.55}.stage{height:auto!important;min-height:0!important;overflow:visible!important;padding:0!important;zoom:1!important;width:100%!important;max-width:none!important}.chapter-hero{padding:75px max(32px,calc((100vw - 1176px)/2)) 80px;background-image:linear-gradient(rgba(26,95,180,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(26,95,180,.07) 1px,transparent 1px),radial-gradient(ellipse at 18% 0%,rgba(26,95,180,.10),transparent 55%),radial-gradient(ellipse at 100% 25%,rgba(14,122,134,.09),transparent 55%);background-size:72px 72px,72px 72px,100% 100%,100% 100%;background-color:#fbfcfe;border-bottom:1px solid #dde5ef}.chapter-hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:65px;align-items:center}.chapter-number{font-size:11px;letter-spacing:3px;color:#1a5fb4;margin-top:30px}.chapter-hero h1{font-size:clamp(46px,5.4vw,76px);line-height:1.05;letter-spacing:-.055em;color:#0b3566;margin:18px 0 25px;max-width:750px}.chapter-hero .lead{color:#45536e;font-size:21px}.chapter-instruction{color:#55627c;font-size:14px;margin-bottom:26px}.chapter-art{aspect-ratio:1.12;background:radial-gradient(ellipse at 25% 15%,rgba(26,95,180,.10),transparent 62%),linear-gradient(140deg,#ffffff,#eef4fb);border:1px solid #d3deeb;border-radius:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;box-shadow:0 18px 45px rgba(16,42,77,.08);position:relative;animation:float-art 7s ease-in-out infinite}.chapter-art:before,.chapter-art:after{content:'';position:absolute;width:28px;height:28px;background:linear-gradient(135deg,#1a5fb4,#0e7a86);border-radius:9px;right:-12px;top:30%;transform:rotate(20deg)}.chapter-art:after{left:-14px;top:auto;bottom:20%;width:42px;height:42px;background:linear-gradient(135deg,#0e7a86,#4a8fd0)}.chapter-art>.icon{width:110px;height:110px;color:#1a5fb4;filter:drop-shadow(0 6px 14px rgba(26,95,180,.22));stroke-dasharray:160;animation:draw-icon 3s ease both}.chapter-art>span{font-size:10px;letter-spacing:2px;color:#55627c}.learning-section{padding:85px max(32px,calc((100vw - 1176px)/2));border-bottom:1px solid #e3eaf3;scroll-margin-top:155px;position:relative}.learning-section:nth-child(even){background:radial-gradient(ellipse at 100% 20%,rgba(26,95,180,.05),transparent 60%),#eff4fa}.section-label{display:flex;align-items:center;gap:16px;color:#55627c;font-size:10px;letter-spacing:1.6px;margin-bottom:35px}.section-state{margin-left:auto;letter-spacing:0;color:#0f7a5f;font-size:12px}.slide.card{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;height:auto!important;overflow:visible!important}.slide-body{padding:0!important;max-height:none!important;overflow:visible!important}.slide h2{font-size:clamp(30px,3.5vw,46px)!important;line-height:1.15!important;color:#0b3566!important;letter-spacing:-.04em;margin:14px 0 26px!important}.slide h3{color:inherit;font-size:20px;line-height:1.4}.slide p{line-height:1.75}.slide .hero{padding:40px;border:1px solid #08284c;border-radius:24px;background:radial-gradient(ellipse at 0% 0%,rgba(66,163,222,.45),transparent 62%),linear-gradient(135deg,#0b3566,#0a5f84);margin-bottom:50px;color:#ffffff;box-shadow:0 20px 50px rgba(11,53,102,.22)}.slide .hero h1{font-size:50px!important;color:#ffffff}.hero-copy .lead{color:#dce9f7}.slide .hero-orb{display:none}.btn{border-radius:100px!important;font-family:inherit;font-size:14px;padding:12px 24px!important}.btn.primary{background:linear-gradient(135deg,#1a5fb4,#1478a8)!important;color:#fff!important;border:1px solid #17538f!important;box-shadow:0 6px 18px rgba(26,95,180,.24)!important}.btn.secondary{background:#ffffff!important;color:#16233d!important;border:1px solid #b9c6d8!important}.navbar{position:static!important;background:#ffffff!important;border-top:1px solid #dde5ef;padding:28px 30px!important;height:auto!important}.nav-inner{max-width:1176px;margin:auto}.nav-hint{color:#55627c}.section-gate{max-width:1176px;margin:40px auto;display:flex;gap:20px;align-items:center;padding:28px 30px;border:1px dashed #b9c6d8;border-radius:20px;background:#ffffff}.section-gate p{margin:4px 0 0;color:#55627c;font-size:14px}.section-gate.unlocked{border-color:#5bbfa2;border-style:solid;background:#eaf8f2}.extra-exercise{margin-top:65px;padding:35px;background:#ffffff;border:1px solid #dbe3ee;border-radius:24px;box-shadow:0 14px 36px rgba(16,42,77,.07)}.extra-exercise h2{font-size:32px}.extra-exercise label{display:block;color:#16233d}.extra-exercise textarea,.extra-exercise select{display:block;width:100%;border-radius:12px;background:#ffffff;color:#16233d;border:1px solid #b9c6d8;padding:16px;margin:12px 0 24px;font:inherit}.match-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.match-grid label{font-size:14px}.match-correct{border-color:#0f7a5f!important;box-shadow:0 0 0 3px rgba(15,122,95,.16)!important}.match-wrong{border-color:#b3261e!important;box-shadow:0 0 0 3px rgba(179,38,30,.14)!important}.extra-exercise textarea{resize:vertical}.content-branding{display:none!important}.modal-backdrop{z-index:300!important;background:rgba(9,26,50,.62)}.modal{background:#ffffff;color:#16233d;border:1px solid #dbe3ee;box-shadow:0 30px 70px rgba(11,31,61,.28)}.modal h2{color:#0b3566;font-size:32px}.course-disclosure-trigger{background:rgba(255,255,255,.18)!important;color:#ffffff!important;border-color:rgba(255,255,255,.45)!important}.scroll-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.scroll-reveal.revealed{opacity:1;transform:none}.learning-section h3.scroll-reveal{transition-delay:.08s}.learning-section svg.scroll-reveal{transition-duration:1s}.icon-tile{transition:transform .3s}.learning-section button:hover .icon-tile{transform:translateY(-4px) rotate(-4deg)}.seen,.selected,.correct,.checked{outline-offset:3px}.seen{border-color:#0f7a5f!important;box-shadow:inset 0 0 0 1px #0f7a5f!important}.seen:after{color:#0f7a5f!important}.choice{font-size:15px!important}.choice.correct,.feedback-inline.good{background:#e4f6ef!important;color:#0b4f3c!important;border-color:#5bbfa2!important}.choice.wrong,.feedback-inline.bad{background:#fbe8e7!important;color:#8a231c!important}.feedback-inline.info{background:#e8f1fb!important;color:#14487f!important}.icon-tile>.icon{opacity:1}.tool-graphic .icon-tile{width:64px;height:64px}.learning-art .icon-tile,.law-art .icon-tile{width:78px;height:78px}.learning-art .icon,.law-art .icon{width:40px;height:40px}input{color:#16233d;background:#ffffff}.score-ring{color:#0b3566}.certificate{background:white!important;color:#10243b!important}.certificate *{color:#10243b!important}@keyframes float-art{50%{transform:translateY(-10px) rotate(.6deg)}}@keyframes draw-icon{from{stroke-dashoffset:160;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@media(min-width:901px){#menuBtn{display:none}}
@media(max-width:900px){.topbar-inner{padding:0 18px!important;gap:14px}.module-title{display:none}.topbar .brand{font-size:23px}.progress-mini{min-width:70px}.sidebar{display:none!important}.sidebar.open{display:block!important;position:fixed!important;top:78px!important;background:#ffffff!important;box-shadow:0 18px 40px rgba(16,42,77,.16)!important}.chapter-list{flex-wrap:wrap}.chapter-hero{padding:48px 24px}.chapter-hero-grid{grid-template-columns:1fr;gap:35px}.chapter-art{display:none}.learning-section{padding:50px 24px}.section-gate{margin:24px}.slide .hero{padding:24px;display:block}.slide .hero h1{font-size:40px!important}.hero-device{display:none}.match-grid{grid-template-columns:1fr}.section-state{max-width:110px;text-align:right}.extra-exercise{padding:22px}.navbar{padding:22px!important}.nav-inner{flex-wrap:wrap;gap:10px}.chapter-hero h1{font-size:48px}.slide-body [class$='-grid']{max-width:100%}html{scroll-padding-top:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-reveal{opacity:1;transform:none;transition:none}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.topbar,.sidebar,.chapter-hero,.section-label,.section-gate,.navbar,.extra-exercise,.course-disclosure-trigger{display:none!important}.learning-section{padding:0;border:0;break-inside:avoid}.scroll-reveal{opacity:1;transform:none}.learning-section:not(:has(.certificate)){display:none!important}body,.stage{background:#fff!important;color:#10243b!important}}