
.menu a{white-space:nowrap}
@media(max-width:1200px){.menu{gap:14px;font-size:14px}}
/* выпадающие подрубрики в шапке */
.menu .pm{position:relative}
.menu .pm>a{display:inline-flex;align-items:center;padding:10px 0}
.menu .pm>a::after{content:"";width:6px;height:6px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg);margin:-3px 0 0 8px;opacity:.55}
.menu .dd{position:absolute;top:100%;left:-16px;padding-top:10px;display:none;z-index:60}
.menu .pm.prav .dd{left:auto;right:-16px}
.menu .pm:hover .dd,.menu .pm:focus-within .dd{display:block}
.menu .pm:hover>a{color:var(--terra)}
.menu .dd .box{background:var(--kart);border:1px solid var(--liniya);border-radius:12px;box-shadow:0 18px 40px #2B2A2422;padding:8px;min-width:270px}
.menu .dd .box a{display:block;padding:8px 12px;border-radius:7px;font-weight:600;font-size:14.5px;line-height:1.3;color:var(--tekst)}
.menu .dd .box a small{display:block;font-weight:500;font-size:12.5px;color:var(--tekst2);margin-top:2px}
.menu .dd .box a:hover{background:var(--fon);color:var(--terra)}
.menu .dd .mes-dd{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;min-width:300px}
.menu .dd .mes-dd a{text-align:center;padding:8px 6px;font-size:14px}
.menu .dd .mes-dd a.tek{background:var(--zelen-t);color:#fff}
@media(max-width:980px){.menu .pm{display:none}}

/* страница рубрики */
.kroshki{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px;color:var(--tekst2);margin:16px 0 12px}
.kroshki a{color:var(--tekst2)}.kroshki a:hover{color:var(--terra)}
.kroshki i{font-style:normal;opacity:.5}
.rz-shapka{display:flex;gap:16px;align-items:flex-start}
.rz-shapka .i{width:60px;height:60px;border-radius:10px;background:var(--krem);display:grid;place-items:center;flex:none}
.rz-shapka .i svg{width:46px;height:46px}
.rz-shapka h1{margin:0;font:600 36px/1.1 Literata,serif;letter-spacing:-.7px}
.rz-shapka p{margin:4px 0 0;color:var(--tekst2);font-size:15.5px;max-width:720px}
.rz-shapka .sch{color:var(--terra-t);font:700 14px Onest;margin-left:10px;letter-spacing:0}
.etapy{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
.etapy a{display:inline-flex;align-items:center;gap:8px;background:var(--kart);border:1px solid var(--liniya);border-radius:8px;padding:7px 12px;font-weight:600;font-size:14px}
.etapy a i{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--terra);color:#fff;font:700 12px/22px Onest;text-align:center}
.etapy a span{color:var(--tekst2);font-weight:500;font-size:13px}
.etapy a:hover{border-color:var(--terra);color:var(--terra)}
/* ряд: месяц рубрики + популярное */
.ryad{display:grid;grid-template-columns:440px minmax(0,1fr);gap:26px;margin-top:26px}
.mes-r{height:284px;background:var(--zelen-t);color:#FFFBF3;border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;box-shadow:0 16px 36px #2F422640}
.mes-r .sh,.pop-r .sh{display:flex;align-items:center;gap:12px}
.mes-r h2{margin:0;font:600 26px/1 Literata,serif}
.seych{background:var(--terra);color:#fff;font-weight:800;font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;padding:3px 8px;border-radius:4.5px}
.mes-r p{margin:4px 0 12px;font-size:13px;color:#D9D2BF}
.statyi{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start;flex:1}
.statyi a{display:grid;grid-template-columns:44px 1fr;gap:9px;align-items:center;background:var(--kart);color:var(--tekst);border-radius:7px;padding:6px;position:relative}
.statyi .mini{width:44px;height:44px;border-radius:5px;background:center/cover}
.statyi b{display:block;font-weight:600;font-size:12.5px;line-height:1.25}
.statyi small{font-size:10px;color:var(--zelen);font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.mes-r .statyi a:hover{box-shadow:0 0 0 2px #FFFBF3}
.mes-r .vse{margin-top:10px;font-weight:700;font-size:13.5px}
.pop-r{height:284px;background:var(--kart);border:1px solid var(--liniya);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column}
.pop-r h2{margin:0;font:600 24px/1 Literata,serif}
.pop-r p{margin:4px 0 12px;font-size:13px;color:var(--tekst2)}
.pop-r .statyi a{background:var(--fon);border:1px solid var(--liniya)}
.pop-r .statyi a:hover b{color:var(--terra)}
.pop-r .statyi a i{position:absolute;left:-5px;top:-5px;width:20px;height:20px;border-radius:50%;background:var(--terra);color:#fff;font:700 11px/20px Onest;text-align:center;font-style:normal;box-shadow:0 0 0 2px var(--kart)}
/* этапы-разделы */
.etap{padding:30px 0 4px;scroll-margin-top:12px}
.etap-z{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.etap-z .n{width:34px;height:34px;border-radius:50%;background:var(--terra);color:#fff;font:700 15px/34px Onest;text-align:center;flex:none}
.etap-z h2{margin:0;font:600 24px/1.15 Literata,serif}
.etap-z p{margin:1px 0 0;font-size:13.5px;color:var(--tekst2)}
.et-t{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.etap-z .vse-e{font-weight:700;font-size:13.5px;color:var(--terra);white-space:nowrap}
.kart4{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ka{background:var(--kart);border:1px solid var(--liniya);border-radius:11px;padding:10px 10px 12px;display:flex;flex-direction:column}
.ka .f{aspect-ratio:16/10;border-radius:7px;margin-bottom:9px;background:center/cover}
.ka b{font-weight:700;font-size:14px;line-height:1.3}
.ka p{margin:5px 0 8px;font-size:12.5px;line-height:1.4;color:var(--tekst2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ka .vr{margin-top:auto;font-size:12px;color:var(--tekst2)}
.ka:hover b{color:var(--terra)}
@media(max-width:980px){
  .ryad{grid-template-columns:1fr}.mes-r,.pop-r{height:auto}
  .statyi{grid-template-columns:1fr}
  .kart4{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.ka{flex:0 0 240px;scroll-snap-align:start}
  .rz-shapka h1{font-size:30px}
}
/* плашка-значок («сейчас», «4 новых», «главное»): текст по центру внутри, сама плашка — по центру высоты заголовка */
.kr .seych,.svezh .seych,.mes-kart .seych,.mes-r .seych,.pop-r .seych,.kratko .z span,.seych{display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:5px 8.4px 5px 9px;align-self:center}
/* центр плашки — на середине строчных букв заголовка (замер: базовая линия минус половина высоты «x») */
.kr .seych,.svezh .seych,.mes-r .seych{position:relative;top:4px}.mes-kart .seych{position:relative;top:3.5px}.kratko .z span{position:relative;top:2.5px}

