/* Zirva site v18 (2026-11-08): schools page modules and reports section, hero sticker spacing. */

/* hero sticker "28/32" no longer touches the header pill on wide screens */
@media (min-width:900px){.sp-hero .zst .s1{top:-38px}.sp-hero .zst .s2{top:-22px}}

/* reports section uses the parent colour (white text 5.5:1) */
.zc-rose{background:var(--group-rose)}

/* module cards: who uses each module, colour + word */
.zft-role.zr-a{color:var(--color-text)}
.zft-role.zr-t{color:var(--group-cobalt)}
.zft-role.zr-c{color:var(--group-pine)}
.zft-role.zr-p{color:var(--group-rose)}
#modules .zfc{margin-top:48px}
#modules .zfc-h{font-size:26px;line-height:32px}
@media (max-width:899px){#modules .zfc-h{font-size:22px;line-height:28px}}
@media (min-width:900px){#modules .zfc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:900px){.zst .s1 b{font-size:33px}}
/* phone: subpage stickers sit in the corners between the header and the headline; the landing headline is too wide, so its stickers hide */
@media (max-width:899px){.sp-hero .zst .s1{top:-2px;left:6px}.sp-hero .zst .s2{top:6px;right:8px}.lp-hero2 .zst .s1,.lp-hero2 .zst .s2{display:none}}
/* landing headline: "Öyrənməyin" is one long word; scale it so it keeps the 16px+ gutter down to 320px */
@media (max-width:640px){.lp-hero2.zhero h1{font-size:clamp(32px,12.2vw,52px);line-height:1.04}}
/* small phones: long Azerbaijani words ("xüsusiyyətlər", "müəllimlərdən") must fit; scale first, break only as a last resort */
@media (max-width:640px){.zhero-in h1{font-size:clamp(28px,10.8vw,46px)}.zend-in h2{font-size:clamp(28px,10.8vw,42px)}}
h1,h2,h3{overflow-wrap:break-word}
/* the closing section had no side gutter on phones */
@media (max-width:899px){.zend-in{padding-inline:20px}}
/* beta form role switch: three labels do not fit a 320px phone in one row */
@media (max-width:380px){#beta .seg{flex-wrap:wrap;border-radius:18px}#beta .seg button{flex:1 1 auto}}