*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#182434;font:17px system-ui,sans-serif;line-height:1.8}main{max-width:900px;margin:32px auto;background:white;padding:36px;border-radius:20px}a{color:#176b54}h1{font-size:34px;line-height:1.3}h2{font-size:25px;line-height:1.4;margin-top:38px}.meta,figcaption{color:#627084;font-size:14px}figure{margin:24px 0}img{width:100%;height:auto;border-radius:14px}nav,aside{background:#edf7f3;padding:20px;border-radius:12px}nav ul{margin:0;padding-left:24px}.related{display:grid;gap:12px}.back{display:inline-block;margin-top:24px}@media(max-width:600px){main{margin:12px;padding:22px}h1{font-size:28px}}
.site-menu{position:sticky;top:12px;z-index:10;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px;padding:16px;background:#35245e;border:1px solid #50377d;border-radius:14px;box-shadow:0 6px 18px #35245e24}.site-menu a{display:inline-block;padding:10px 16px;border:1px solid #79619e;border-radius:9px;background:#503a7a;color:white;text-decoration:none;font-size:16px;font-weight:650;line-height:1.5}.site-menu a:hover{background:#655091}.site-menu a.selected{background:#ffdc78;color:#302044;border-color:#ffdc78}.site-menu a:focus-visible{outline:3px solid white;outline-offset:3px}article section{scroll-margin-top:160px}@media(max-width:600px){.site-menu{top:6px;padding:10px;gap:8px}.site-menu a{padding:9px 12px;font-size:14px}article section{scroll-margin-top:190px}}

.site-menu{top:0;z-index:100}@media(max-width:600px){.site-menu{top:0}}