@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{color-scheme:dark;--bg:#101923;--panel:#18242e;--line:#30404a;--text:#edf2ed;--muted:#a6b5b5;--mint:#b8dfcc;--accent:#d0efde}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d4edbd;outline-offset:3px}[hidden]{display:none!important}.top{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100vw - 1240px)/2));gap:20px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.16em;font-weight:700}.brand small{display:block;color:var(--muted);font-size:9px;margin-top:5px;letter-spacing:.12em}.brand-icon{display:grid;place-items:center;width:39px;height:39px;color:#11251d;background:var(--mint);border-radius:50%;font-size:22px}.top-tag,.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:var(--mint)}main{max-width:1240px;margin:auto;padding:0 32px}.hero{min-height:460px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;overflow:hidden}.hero .eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b8dfcc;margin-right:8px}.hero h1,.reader-header h1{font:normal clamp(43px,5.8vw,76px)/1.08 'DM Serif Display',Georgia,serif;letter-spacing:-.025em;margin:23px 0}.hero h1 em{color:var(--mint);font-weight:normal}.hero p,.section-head p{color:var(--muted);line-height:1.75;max-width:470px}.primary{border:0;background:var(--mint);color:#10231b;text-decoration:none;border-radius:5px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 19px;font-size:13px;font-weight:700;margin-top:18px}.primary:hover{background:#d8f1df}.hero-art{position:relative;height:350px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #47665d;border-radius:50%;width:290px;height:290px}.o2{width:220px;height:220px;border-color:#334e48}.art-center{font-size:125px;color:var(--mint);line-height:1}.art-label{position:absolute;bottom:25px;right:5%;background:#263c37;padding:15px 19px;font-size:9px;line-height:1.6;letter-spacing:.16em;color:#abc6b8}.art-label b{color:white}.overview{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.overview div{display:flex;align-items:baseline;gap:12px;padding:25px 20px;border-right:1px solid var(--line)}.overview div:first-child{padding-left:0}.overview div:last-child{border:0}.overview strong{font:normal 27px 'DM Serif Display',Georgia,serif;color:var(--mint)}.overview span{font-size:12px;color:var(--muted)}.catalog{padding:85px 0 110px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-head h2,.reader-end h2{font:normal 38px 'DM Serif Display',Georgia,serif;margin:13px 0}.section-head p{font-size:14px;margin-bottom:0}.search{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:12px 15px;border-radius:5px;color:var(--mint);min-width:240px}.search span{font-size:23px}.search input{border:0;outline:0;background:transparent;min-width:0;color:white;width:100%}.filters{display:flex;gap:8px;overflow:auto;margin:36px 0 22px}.filters button{white-space:nowrap;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:50px;padding:10px 15px;font-size:12px}.filters button.active{background:var(--mint);color:#12261e;border-color:var(--mint)}.filters span{opacity:.65;margin-left:7px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{text-align:left;min-height:215px;border:1px solid var(--line);border-radius:7px;background:var(--panel);padding:22px;color:var(--text);display:flex;flex-direction:column;transition:.2s}.card:hover{border-color:var(--mint);transform:translateY(-3px);background:#20312f}.card-top{display:flex;justify-content:space-between;align-items:center}.number{display:grid;place-items:center;background:#2a403c;color:var(--mint);border-radius:5px;padding:8px;font-size:11px;font-weight:700}.card-status,.card-group{font-size:9px;color:#a3c7b6;letter-spacing:.12em;font-weight:700}.card-group{margin-top:28px}.card strong{font:normal 21px/1.25 'DM Serif Display',Georgia,serif;margin:9px 0 22px}.card-bottom{border-top:1px solid var(--line);padding-top:14px;margin-top:auto;font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.card-bottom span{color:var(--mint)}footer{border-top:1px solid var(--line);padding:28px max(5%,calc((100vw - 1176px)/2));display:flex;justify-content:space-between;gap:15px;color:#8a9c9a;font-size:10px;letter-spacing:.08em}.back{background:none;border:0;padding:30px 0;color:var(--mint);font-size:13px}.reader-layout{display:grid;grid-template-columns:230px minmax(0,740px);gap:80px;justify-content:center;padding-bottom:100px}.toc{position:sticky;top:25px;align-self:start;border-left:1px solid var(--line);padding:12px 0 12px 20px}.toc nav{display:grid;gap:12px;margin-top:22px}.toc a{text-decoration:none;color:var(--muted);font-size:12px;line-height:1.4}.toc a:hover{color:var(--mint)}.reader-header{border-bottom:1px solid var(--line);padding:25px 0 35px}.reader-header h1{font-size:clamp(38px,5vw,62px)}.reader-meta{display:flex;gap:10px;color:#9fb3ad;font-size:10px;letter-spacing:.12em}.content{font-size:17px;line-height:1.85;color:#d6dfda;overflow-wrap:anywhere}.content h2{font:normal 30px/1.25 'DM Serif Display',Georgia,serif;color:#f4f7f1;margin:62px 0 20px;scroll-margin-top:25px}.content h3{font-size:19px;color:var(--mint);margin-top:35px}.content p{margin:0 0 23px}.content strong{color:#f5f7f1}.content a{color:var(--mint);text-decoration-thickness:1px;text-underline-offset:4px}.content li{margin-bottom:10px}.content blockquote{margin:28px 0;padding:5px 20px;border-left:3px solid var(--mint);background:#1d302c}.reader-end{background:#263e38;border:1px solid #47695a;border-radius:8px;margin-top:65px;padding:28px}.reader-end small{color:var(--mint);font-size:10px;letter-spacing:.13em}.reader-end h2{font-size:29px}.lesson-nav{display:flex;justify-content:space-between;margin-top:25px}.lesson-nav button{background:none;border:0;color:var(--mint);padding:12px 0}.lesson-nav button:disabled{opacity:.3;cursor:default}@media(max-width:760px){.top{height:68px;padding:0 20px}.top-tag{font-size:8px;max-width:115px;text-align:right;line-height:1.5}main{padding:0 20px}.hero{display:block;min-height:0;padding:60px 0 0}.hero h1{font-size:44px}.hero p{font-size:14px}.hero-art{height:185px;justify-content:end;margin-top:-15px;opacity:.75}.orbit{width:160px;height:160px;right:18px}.o2{width:122px;height:122px;right:37px}.art-center{font-size:65px;margin-right:65px}.art-label{right:0;bottom:0;font-size:8px;padding:9px}.overview div{display:block;padding:18px 10px}.overview strong,.overview span{display:block}.overview strong{font-size:21px}.overview span{font-size:10px;margin-top:5px;line-height:1.4}.catalog{padding:65px 0}.section-head{display:block}.section-head h2{font-size:33px}.search{margin-top:25px}.cards{grid-template-columns:1fr}.card{min-height:180px}.card-group{margin-top:20px}.card strong{margin-bottom:18px}.reader-layout{display:block;padding-bottom:65px}.toc{position:static;padding:15px;border:1px solid var(--line);border-radius:6px;margin-bottom:25px}.toc nav{display:flex;overflow:auto;gap:8px;margin-top:12px}.toc a{flex:none;background:#22332f;border-radius:20px;padding:8px 12px;max-width:220px}.reader-header{padding-top:10px}.reader-header h1{font-size:39px}.content{font-size:16px;line-height:1.8}.content h2{font-size:27px;margin-top:48px}footer{padding:25px 20px;flex-direction:column}}
:root[data-theme="light"]{color-scheme:light;--bg:#f3f6f1;--panel:#fff;--line:#cbd9cf;--text:#1d3029;--muted:#526b60;--mint:#386b56;--accent:#dbece1}
.top-actions{display:flex;align-items:center;gap:20px}.theme-toggle{border:1px solid var(--line);border-radius:30px;background:var(--panel);color:var(--text);padding:9px 13px;white-space:nowrap;font-size:12px}.theme-toggle:hover{border-color:var(--mint)}.notice-wrap{max-width:1240px;margin:auto;padding:0 32px}.notice{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);border-radius:7px;background:#1a2a29;margin-top:22px;padding:13px 15px;color:#c8d8d0;font-size:12px;line-height:1.6}.notice p{margin:0;flex:1}.notice strong{color:var(--text)}.notice-icon{display:grid;place-items:center;flex:none;width:19px;height:19px;border:1px solid var(--mint);color:var(--mint);border-radius:50%;font-size:12px;font-weight:700}.notice button{border:0;background:transparent;color:var(--muted);font-size:22px;line-height:1;padding:0 3px}.notice-show{border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:3px;padding:0;font-size:inherit;cursor:pointer}
:root[data-theme="light"] .hero h1 em,:root[data-theme="light"] .eyebrow,:root[data-theme="light"] .top-tag,:root[data-theme="light"] .back,:root[data-theme="light"] .lesson-nav button{color:#386b56}
:root[data-theme="light"] .hero .eyebrow span{background:#386b56}:root[data-theme="light"] .primary{background:#386b56;color:#fff}:root[data-theme="light"] .primary:hover{background:#285441}:root[data-theme="light"] .brand-icon{background:#386b56;color:white}:root[data-theme="light"] .orbit{border-color:#a1bfb0}:root[data-theme="light"] .o2{border-color:#c1d5c6}:root[data-theme="light"] .art-label{background:#dbece1;color:#456355}:root[data-theme="light"] .art-label b{color:#1d3029}:root[data-theme="light"] .card:hover{background:#edf5ee}:root[data-theme="light"] .number{background:#e1efe4;color:#315e4b}:root[data-theme="light"] .card-status,:root[data-theme="light"] .card-group{color:#486e5b}:root[data-theme="light"] .filters button.active{background:#386b56;color:#fff;border-color:#386b56}:root[data-theme="light"] .search input{color:var(--text)}:root[data-theme="light"] .content{color:#2c4238}:root[data-theme="light"] .content h2,:root[data-theme="light"] .content strong{color:#1d3029}:root[data-theme="light"] .content h3,:root[data-theme="light"] .content a{color:#315f4b}:root[data-theme="light"] .content blockquote{background:#e5efe7}:root[data-theme="light"] .reader-meta{color:#536d60}:root[data-theme="light"] .reader-end{background:#e1eee4;border-color:#bad2c0}:root[data-theme="light"] .reader-end small{color:#386b56}:root[data-theme="light"] .notice{background:#e8f1e9;color:#344e40}:root[data-theme="light"] footer{color:#526b60}
@media(max-width:760px){.top-actions{gap:9px}.theme-toggle{padding:8px 10px}.notice-wrap{padding:0 20px}.notice{margin-top:16px}.notice p{font-size:12px}:root[data-theme="light"] .toc a{background:#e1eee4}}