.snm-page{background:#f6faf8;min-height:70vh;color:#173d33}
.snm-wrap{width:min(1220px,calc(100% - 32px));margin:0 auto}
.snm-hero{background:linear-gradient(135deg,#eef7f1,#e1f0e9);border-bottom:1px solid #d9e6de;padding:42px 0 34px}
.snm-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;font-size:12px;color:#74877f;font-weight:800}
.snm-breadcrumb a{color:#08614c;text-decoration:none}
.snm-kicker{font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#08795c;margin-bottom:10px}
.snm-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:22px;align-items:start}
.snm-hero h1{margin:0;color:#0a3c31;font-size:clamp(34px,4.7vw,60px);line-height:1.02;letter-spacing:-.045em}
.snm-lead{max-width:850px;margin:16px 0 0;color:#45675d;font-size:17px;line-height:1.65}
.snm-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}
.snm-btn{display:inline-flex;min-height:44px;padding:0 16px;align-items:center;justify-content:center;border:1px solid #d4e3dc;border-radius:10px;background:#fff;color:#075745;text-decoration:none;font-weight:850}
.snm-btn.primary{background:#08795c;color:#fff;border-color:#08795c}
.snm-live{background:#fff;border:1px solid #d5e5dd;border-radius:22px;padding:18px;box-shadow:0 12px 30px rgba(24,61,51,.06)}
.snm-temp{font-size:52px;font-weight:950;line-height:1;color:#0a3c31}
.snm-live-title{font-size:18px;font-weight:900;color:#0a3c31;margin:0}
.snm-live-desc{margin-top:9px;color:#567168;line-height:1.55}
.snm-index{margin-top:14px;padding:12px;border-radius:14px;background:#f0f7f3}
.snm-index strong{display:block;color:#0a3c31;font-size:24px}
.snm-index small{color:#667e75}
.snm-main{padding:28px 0 52px}
.snm-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:20px;align-items:start}
.snm-stack{display:grid;gap:18px}
.snm-panel{background:#fff;border:1px solid #dce8e2;border-radius:20px;overflow:hidden}
.snm-panel-head{padding:20px 22px 0}
.snm-panel-body{padding:18px 22px 22px}
.snm-panel h2{margin:0;color:#0b3d32;font-size:28px;letter-spacing:-.025em}
.snm-panel h3{margin:0;color:#0b3d32}
.snm-panel p{color:#46665c;line-height:1.65}
.snm-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.snm-kpi{padding:14px;border:1px solid #e6efea;border-radius:14px;background:#fbfdfc}
.snm-kpi span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7b8e86;font-weight:850}
.snm-kpi strong{display:block;margin-top:6px;color:#0a3c31;font-size:24px}
.snm-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.snm-day{padding:12px;border:1px solid #e6efea;border-radius:14px;background:#fbfdfc}
.snm-day>strong{display:block;color:#0a3c31;text-transform:capitalize}
.snm-day-temp{font-size:18px;font-weight:900;color:#0a3c31;margin:8px 0}
.snm-day small{display:block;color:#6c8179;line-height:1.4;margin-top:3px}
.snm-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.snm-card{display:block;padding:13px;border:1px solid #e4eee9;border-radius:14px;text-decoration:none;color:#42645a}
.snm-card strong{display:block;color:#0a3c31}
.snm-card small{display:block;margin-top:4px;color:#7a8d85}
.snm-search{display:grid;grid-template-columns:1fr auto;gap:10px}
.snm-search input{min-height:46px;border:1px solid #d9e6df;border-radius:10px;padding:0 12px}
.snm-search button{border:0;border-radius:10px;padding:0 18px;background:#08795c;color:#fff;font-weight:850}
.snm-note{padding:13px;border-left:4px solid #efb539;background:#fff9e9;border-radius:8px;color:#65542c}
.snm-aside{display:grid;gap:16px;position:sticky;top:92px}
.snm-mini{display:grid;gap:8px}
.snm-mini a{display:flex;justify-content:space-between;gap:10px;text-decoration:none;color:#0a3c31;padding:9px 0;border-bottom:1px solid #edf2ef}
.snm-mini a:last-child{border-bottom:0}
@media(max-width:980px){
 .snm-hero-grid,.snm-grid{grid-template-columns:1fr}
 .snm-aside{position:static}
 .snm-days{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:720px){
 .snm-wrap{width:min(100% - 20px,1220px)}
 .snm-hero{padding:28px 0 24px}
 .snm-kpis{grid-template-columns:1fr 1fr}
 .snm-days{grid-template-columns:1fr 1fr}
 .snm-list{grid-template-columns:1fr}
 .snm-search{grid-template-columns:1fr}
}