@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{--plum:#360636;--cyan:#33ddff;--bone:#f2eee7;--paper:#fbf9f5;--ink:#241c25;--muted:#6d626e;--line:#e1d9df;--card:#fffdf9;color-scheme:light;font-family:Montserrat,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 Montserrat,Arial,sans-serif}.wrap{width:min(850px,calc(100% - 40px));margin:auto}.top{background:var(--plum);padding:18px 0}.top-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{width:175px;height:auto}.top a.back{color:var(--bone);font-size:11px}.article{padding:65px 0 90px}.category{font-size:10px;letter-spacing:.15em;font-weight:800;color:#087e91}.article h1{font-size:clamp(34px,6vw,54px);line-height:1.12;letter-spacing:-.05em;color:var(--plum);margin:12px 0 20px}.dek{font-size:18px;line-height:1.7;color:var(--muted);max-width:740px}.meta{font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:32px}.article h2{font-size:25px;line-height:1.25;color:var(--plum);margin:38px 0 12px}.article h3{font-size:17px;color:var(--plum);margin:25px 0 8px}.article p,.article li{font-size:14px}.article ul,.article ol{padding-left:22px}.note{padding:20px 22px;background:#f2eee7;border-left:3px solid var(--cyan);margin:26px 0;font-size:13px}.cta{margin-top:45px;padding:28px;background:var(--plum);color:var(--bone)}.cta h2{color:var(--bone);margin-top:0}.cta p{color:#d8cbd9}.cta a{display:inline-block;background:var(--cyan);color:var(--plum);padding:12px 16px;font-size:11px;font-weight:800}.footer{border-top:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:10px}select{font:inherit;padding:7px;background:var(--paper);color:var(--ink);border:1px solid var(--line)}:root[data-theme="dark"]{color-scheme:dark;--paper:#171219;--ink:#f2eee7;--muted:#c1b6c3;--line:#403443;--card:#211a24}:root[data-theme="dark"] .article h1,:root[data-theme="dark"] .article h2,:root[data-theme="dark"] .article h3{color:var(--bone)}:root[data-theme="dark"] .note{background:#28202b;color:var(--bone)}:root[data-theme="dark"] .category{color:var(--cyan)}@media(max-width:600px){.article{padding:45px 0 65px}.top-inner{align-items:flex-start;flex-direction:column}.dek{font-size:16px}}