.mobile-nav{display:none}
body{font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.site-header{position:relative;z-index:80}
.nav a,.header-telegram,.article-card,.topic,.button,.jump-links a,.source-links a{transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.nav a:hover{color:#fff;text-decoration:none}
.header-telegram{font-weight:700}
.article-card{overflow:hidden}
.card-photo img{display:block}
.prose{font-size:1.04rem}
.prose p,.prose li{line-height:1.8}
.prose a:not(.button){text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
.prose a:not(.button):hover{color:var(--accent)}
.footer a:hover{text-decoration:underline}

@media(max-width:860px){
 .header-inner{display:flex;align-items:center;min-height:72px;padding:10px 0;flex-wrap:nowrap;gap:11px}
 .brand{min-width:0;flex:1}
 .header-inner>.nav{display:none}
 .header-telegram{order:2;margin-left:0;padding:9px 12px}
 .mobile-nav{display:block;order:3;flex-shrink:0;position:relative}
 .mobile-nav summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid currentColor;border-radius:6px;min-width:42px;min-height:41px;padding:8px 10px;font-weight:700;cursor:pointer;font-size:.82rem}
 .mobile-nav summary::-webkit-details-marker{display:none}
 .mobile-nav summary>span:first-child{display:none}
 .mobile-nav summary .menu-glyph{font-size:1.2rem;line-height:1}
 .mobile-nav[open] summary{background:var(--accent);color:#fff;border-color:var(--accent)}
 .mobile-nav nav{position:absolute;top:calc(100% + 13px);right:0;width:min(330px,calc(100vw - 28px));display:grid;gap:0;padding:10px;background:#20272a;color:#fff;border:1px solid #566165;box-shadow:0 20px 35px #0006;border-radius:10px;z-index:90}
 .mobile-nav nav a{padding:12px 14px;font-size:.96rem;border-radius:5px;color:#f2f2f2;text-decoration:none}
 .mobile-nav nav a[aria-current=page]{background:#3b484d;border-left:3px solid var(--accent)}
 .mobile-nav nav a:hover{background:#354248}
 .content-grid{gap:25px}
}
@media(max-width:500px){
 .brand strong{font-size:.86rem;letter-spacing:.06em}
 .brand span{font-size:.6rem}
 .header-telegram{font-size:.74rem;padding:9px 8px}
 .hero h1{overflow-wrap:break-word}
 .topic strong{font-size:1.03rem}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}