/**
 * Стили страновых страниц (kazakhstan, uzbekistan, tajikistan, etc.)
 * Добавлено: 05.04.2026
 * Задача: вынос page-specific CSS из inline <style> в отдельные файлы
 */

.bread{padding:5.5rem 0 0;font-size:.78rem;color:var(--t3)}.bread a{color:var(--t3);transition:.3s}.bread a:hover{color:var(--a)}.bread span{margin:0 .4rem}
.country-hero{padding:2rem 0 1rem;position:relative}
.country-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 30%,rgba(200,165,90,.04),transparent 70%)}
.ch-top{position:relative;z-index:1;display:flex;align-items:center;gap:2rem}
.ch-flag{width:96px;height:72px;border-radius:8px;overflow:hidden;flex-shrink:0;box-shadow:0 4px 20px rgba(0,0,0,.3);background:#081830}.ch-flag svg,.ch-flag img{width:100%;height:100%;display:block;object-fit:cover}
.ch-info h1{font-family:'Manrope',sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin-bottom:.4rem}
.ch-info h1 em{font-style:normal;color:var(--a)}
.ch-sub{font-size:1.05rem;color:var(--t2);font-weight:300;margin-bottom:.6rem}
.ch-upd{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--t3);background:var(--bg3);padding:.3rem .8rem;border-radius:20px}.ch-upd::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--grn)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2.5rem 0}
.metric{padding:1.4rem;border:1px solid var(--bd);border-radius:12px;background:var(--gl);backdrop-filter:blur(10px)}
.metric-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--t3);margin-bottom:.5rem;font-weight:500}
.metric-value{font-family:'Manrope',sans-serif;font-size:1.6rem;font-weight:700;line-height:1.2}
.metric-note{font-size:.72rem;color:var(--t3);margin-top:.3rem}.metric-note.up{color:var(--grn)}.metric-note.down{color:var(--red)}.metric-note.warn{color:var(--ylw)}
section{padding:3.5rem 0}
.s-label{font-size:.68rem;letter-spacing:.25em;text-transform:uppercase;color:var(--a3);margin-bottom:.8rem;font-weight:600}
.s-title{font-family:'Manrope',sans-serif;font-size:clamp(1.4rem,3vw,2rem);font-weight:700;line-height:1.2;margin-bottom:.8rem}
.s-desc{font-size:.95rem;color:var(--t2);max-width:650px;line-height:1.8;font-weight:300;margin-bottom:2rem}
.alt-bg{background:var(--bg2)}
.risk-table{display:grid;gap:0}
.risk-row{display:grid;grid-template-columns:40px 1fr minmax(200px,1fr);gap:1rem;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid var(--bd);transition:.2s}.risk-row:hover{background:rgba(200,165,90,.03)}.risk-row:last-child{border:none}
.dot{width:12px;height:12px;border-radius:50%}.dot-g{background:var(--grn);box-shadow:0 0 8px rgba(37,211,102,.3)}.dot-y{background:var(--ylw);box-shadow:0 0 8px rgba(240,173,78,.3)}.dot-r{background:var(--red);box-shadow:0 0 8px rgba(226,75,74,.3)}
.risk-name{font-size:.92rem;font-weight:500}.risk-comment{font-size:.82rem;color:var(--t2);text-align:right}
.card{padding:1.8rem;border:1px solid var(--bd);border-radius:12px;background:var(--gl);backdrop-filter:blur(10px);transition:.3s}.card:hover{border-color:var(--bd2);transform:translateY(-2px)}
.card h3{font-family:'Manrope',sans-serif;font-size:1.05rem;font-weight:600;margin-bottom:.6rem}.card p{font-size:.88rem;color:var(--t2);line-height:1.7}
.cards-2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.cards-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.2rem}
.badge{display:inline-block;font-size:.68rem;font-weight:600;padding:.25rem .7rem;border-radius:4px;margin-right:.4rem;margin-top:.6rem;letter-spacing:.03em}
.b-red{background:rgba(226,75,74,.12);color:var(--red)}.b-yellow{background:rgba(240,173,78,.12);color:var(--ylw)}.b-green{background:rgba(37,211,102,.12);color:var(--grn)}.b-blue{background:rgba(108,99,255,.12);color:var(--a2)}
.level-card{padding:1.8rem;border:1px solid var(--bd);border-radius:12px;background:var(--gl);backdrop-filter:blur(10px);margin-bottom:1rem;position:relative;overflow:hidden;transition:.3s}.level-card:hover{border-color:var(--bd2)}
.level-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--a3),transparent)}
.level-num{font-size:.72rem;font-weight:700;color:var(--a3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}
.level-card h3{font-family:'Manrope',sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:.6rem}.level-card p{font-size:.88rem;color:var(--t2);line-height:1.8}
.prog{margin:.8rem 0}.prog-bar{height:5px;background:var(--bg3);border-radius:3px;overflow:hidden}.prog-fill{height:100%;border-radius:3px}.prog-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--t3);margin-top:.3rem}
.timeline{position:relative;padding-left:2.5rem;margin-top:1.5rem}.timeline::before{content:'';position:absolute;left:8px;top:0;bottom:0;width:1px;background:var(--bd2)}
.tl-item{position:relative;padding-bottom:1.8rem}.tl-item:last-child{padding-bottom:0}
.tl-dot{position:absolute;left:-2.5rem;top:.35rem;width:16px;height:16px;border-radius:50%;border:2px solid var(--a3);background:var(--bg)}
.tl-item.hot .tl-dot{background:var(--a);border-color:var(--a);box-shadow:0 0 12px rgba(200,165,90,.4)}
.tl-date{font-size:.72rem;color:var(--a3);font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.2rem}
.tl-title{font-size:.92rem;font-weight:500;margin-bottom:.2rem}.tl-desc{font-size:.8rem;color:var(--t3);line-height:1.5}
.err-card{padding:1.5rem 1.5rem 1.5rem 2rem;border:1px solid var(--bd);border-left:3px solid var(--red);border-radius:0 12px 12px 0;background:var(--gl);backdrop-filter:blur(10px);margin-bottom:1rem}
.err-card h3{font-size:.95rem;font-weight:600;margin-bottom:.5rem;color:#f09595}.err-card p{font-size:.85rem;color:var(--t2);line-height:1.7}
.opp-card{padding:1.8rem;border:1px solid var(--bd);border-radius:12px;background:var(--gl);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:.3s}.opp-card:hover{border-color:var(--bd2);transform:translateY(-2px)}
.opp-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--grn),transparent)}
.opp-card h3{font-family:'Manrope',sans-serif;font-size:1rem;font-weight:600;margin-bottom:.5rem}.opp-card p{font-size:.85rem;color:var(--t2);line-height:1.7}
.opp-tag{font-size:.65rem;color:var(--grn);font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem}
.step{padding:1.5rem 1rem;border:1px solid var(--bd);border-radius:12px;background:var(--gl);text-align:center}
.step-num{font-family:'Manrope',sans-serif;font-size:1.8rem;font-weight:700;color:var(--a3);line-height:1;margin-bottom:.5rem}
.step-title{font-size:.85rem;font-weight:600;margin-bottom:.3rem}.step-desc{font-size:.72rem;color:var(--t3)}
.cta-section{text-align:center;padding:4rem 0;background:radial-gradient(ellipse 60% 40% at 50% 50%,rgba(200,165,90,.05),transparent 70%)}
.cta-section h2{font-family:'Manrope',sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:.8rem}
.cta-section p{font-size:1rem;color:var(--t2);margin-bottom:2rem;font-weight:300}
.fi{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.fi.v{opacity:1;transform:none}
.alert-box{padding:1.2rem 1.5rem;border:1px solid rgba(226,75,74,.25);border-radius:12px;background:rgba(226,75,74,.06);margin-bottom:1.5rem}
.alert-box h4{font-size:.85rem;font-weight:600;color:#f09595;margin-bottom:.3rem}.alert-box p{font-size:.82rem;color:var(--t2);line-height:1.6}

@media(max-width:768px){
  .metrics{grid-template-columns:repeat(2,1fr)}
  .cards-2,.cards-3{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
  .risk-row{grid-template-columns:30px 1fr;gap:.5rem}
  .risk-comment{grid-column:2;text-align:left;font-size:.78rem}
  .ch-top{flex-direction:column;gap:1rem}
  .opp-card{margin-bottom:.5rem}
}
@media(max-width:480px){
  .metrics{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
}