/* Small-screen typography, long scientific terms and narrow navigation. */
.guide-index{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:38px}.guide-index a{border:1px solid var(--line);border-radius:5px;display:inline-flex;align-items:center;gap:15px;min-height:44px;padding:10px 15px;font-size:12px}.guide-index a:hover{background:var(--green-soft)}.guide-directory>h2{font-size:32px;margin-bottom:25px}.guide-directory{scroll-margin-top:25px}
.telegram-cta{display:inline-flex;flex-direction:column;align-items:center;gap:6px;max-width:100%;vertical-align:middle}.bot-username{display:block;color:var(--green);font-size:12px;line-height:1.4;letter-spacing:.01em;white-space:nowrap;user-select:all}.telegram-cta .button{max-width:100%}.header-telegram{flex-shrink:0}.header-telegram .bot-username{font-size:10px}.cta-panel>.telegram-cta{flex-shrink:0}.cta-panel .telegram-cta .button{margin-top:0}.footer-grid>div>.footer-bot{display:inline-flex;align-items:center;font-size:12px;min-height:38px;color:var(--green);overflow-wrap:anywhere}.mobile-menu .mobile-telegram{display:flex;margin:12px 8px 8px}.mobile-telegram .button{width:100%}
@media(max-width:820px){.header-telegram{display:none}.cta-panel>.telegram-cta{margin-top:25px}}
@media(max-width:600px){.cta-panel>.telegram-cta{display:flex;width:100%}.cta-panel .telegram-cta .button{width:100%}.bot-username{font-size:12px}.final-cta>.telegram-cta{margin-inline:auto}}
h1,h2,h3{overflow-wrap:break-word;hyphens:auto}.brand{flex-shrink:0}.header-search{flex-shrink:0}.mobile-menu{flex-shrink:0}.article-header h1{overflow-wrap:anywhere}.breadcrumbs>span:last-child{min-width:0}
@media(max-width:600px){.hero h1{font-size:48px;max-width:350px;line-height:1.07}.hero h1 br{display:none}.hero-visual{margin-top:14px}.hero-actions{gap:12px}.hero .hero-actions{gap:12px}.hero .hero-actions .text-link{font-size:11px}.hero .button{gap:10px;padding-inline:15px}.hero-note{margin-top:15px}.brand{font-size:22px}.brand img{width:27px;height:27px}.site-header{gap:8px}.mobile-menu>summary{padding-left:7px}.mobile-menu>summary span{margin-left:6px}}
@media(max-width:360px){.article-header h1{font-size:36px}.hero h1{font-size:43px}.brand{font-size:20px;gap:7px}.brand img{width:25px;height:25px}.brand-dot{margin-left:-7px}.header-search{width:28px}.site-header{gap:6px}.mobile-menu>summary{font-size:11px}.hero .hero-actions .button{font-size:11px}.hero-note{font-size:9px}}