/* ═══════════════════════════════════════════════════════════════ base.css — reset, типографика, контейнер, тіл ауыстырғыш tokens.css-тен КЕЙІН жалғанады ═══════════════════════════════════════════════════════════════ */ *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:74px;overflow-x:clip} body{ margin:0;background:var(--bg);color:var(--ink); font-family:var(--fb);font-size:clamp(1rem,.96rem + .2vw,1.075rem); line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden; } /* ── типографика ── */ h1,h2,h3,h4{font-family:var(--fh);line-height:1.09;letter-spacing:-.02em;margin:0 0 .5em;font-weight:500} h1{font-size:clamp(2.5rem,6.2vw,4.6rem)} h2{font-size:clamp(1.9rem,4vw,3.1rem)} h3{font-size:clamp(1.2rem,2vw,1.5rem);letter-spacing:-.01em} p{margin:0 0 1.1em} img{max-width:100%;display:block;height:auto} a{color:inherit;text-decoration:none} ul{margin:0;padding:0;list-style:none} /* ── қол жетімділік ── */ :focus-visible{outline:2px solid var(--accent);outline-offset:3px} ::selection{background:var(--sage);color:#fff} /* ── контейнер және ырғақ ── */ .wrap{max-width:var(--w);margin:0 auto;padding:0 clamp(1.15rem,5vw,2.5rem)} section{padding-block:var(--gap)} .eyebrow{ font-size:.72rem;letter-spacing:.22em;text-transform:uppercase; font-weight:600;color:var(--accent);margin:0 0 1.4rem;display:block; } .lead{font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--muted);max-width:56ch} .rule{height:1px;background:var(--line);border:0;margin:0} /* ═══ ТІЛ АУЫСТЫРҒЫШ ═══ Екі тілдегі мәтін де HTML ішінде тұрады, көрінбейтіні CSS-пен жасырылады. мәнін js/main.js өзгертеді. */ html[lang="kk"] .l-ru{display:none !important} html[lang="ru"] .l-kk{display:none !important}