:root{
    --snm-orange:#ff7a1a;
    --snm-orange-2:#e95f00;
    --snm-black:#111111;
    --snm-ink:#1f2937;
    --snm-muted:#667085;
    --snm-soft:#f5f6f8;
    --snm-line:#e5e7eb;
    --snm-green:#137a3a;
    --snm-yellow:#c87900;
    --snm-red:#b42318;
    --snm-white:#ffffff;
}

.snm-meteo{
    background:var(--snm-soft);
    color:var(--snm-ink);
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    min-height:100vh;
}

.snm-container{
    width:min(1180px,calc(100% - 36px));
    margin-inline:auto;
}

.snm-hero{
    background:linear-gradient(135deg,rgba(17,17,17,.98),rgba(17,17,17,.88));
    color:#fff;
    padding:42px 0 32px;
    border-bottom:4px solid var(--snm-orange);
}

.snm-breadcrumb{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    color:rgba(255,255,255,.68);
    font-size:13px;
    margin-bottom:18px;
}
.snm-breadcrumb a{color:#fff;text-decoration:none;font-weight:800;}

.snm-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);
    gap:28px;
    align-items:stretch;
}

.snm-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 10px;
    background:rgba(255,122,26,.14);
    border:1px solid rgba(255,122,26,.45);
    color:#fff;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.045em;
    font-size:12px;
}

.snm-hero h1{
    margin:14px 0 14px;
    font-size:clamp(31px,4vw,54px);
    line-height:1.03;
    letter-spacing:-.045em;
}

.snm-hero p{
    margin:0;
    max-width:820px;
    color:rgba(255,255,255,.80);
    font-size:17px;
    line-height:1.65;
}

.snm-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.snm-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:43px;
    padding:0 15px;
    border:1px solid transparent;
    background:#fff;
    color:#111;
    text-decoration:none;
    font-weight:950;
    border-radius:4px;
    cursor:pointer;
}
.snm-btn-primary{background:var(--snm-orange);color:#111;}
.snm-btn-dark{background:#111;color:#fff;}
.snm-btn-line{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22);color:#fff;}
.snm-btn:hover{transform:translateY(-1px);}

.snm-live-card{
    background:#fff;
    color:#111;
    border:1px solid rgba(255,255,255,.14);
    padding:22px;
    box-shadow:0 18px 58px rgba(0,0,0,.25);
}
.snm-live-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;}
.snm-live-title{font-weight:950;font-size:21px;margin:0 0 5px;}
.snm-live-meta{font-size:13px;color:var(--snm-muted);}
.snm-temp{font-size:58px;line-height:1;font-weight:950;letter-spacing:-.06em;}
.snm-weather-desc{margin-top:12px;color:#344054;font-size:15px;line-height:1.45;}

.snm-risk{
    margin-top:16px;
    border-left:5px solid var(--snm-orange);
    background:#fff7ed;
    padding:13px;
}
.snm-risk.high{border-color:var(--snm-red);background:#fff1f0;}
.snm-risk.medium{border-color:var(--snm-yellow);background:#fff8e6;}
.snm-risk.low{border-color:var(--snm-green);background:#eefaf1;}
.snm-risk strong{display:block;margin-bottom:5px;font-size:15px;}
.snm-risk span{color:#4b5563;line-height:1.45;font-size:14px;}

.snm-main{padding:28px 0 58px;}
.snm-grid-2{display:grid;grid-template-columns:1.08fr .92fr;gap:22px;align-items:start;}
.snm-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.snm-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}

.snm-panel{
    background:#fff;
    border:1px solid var(--snm-line);
    box-shadow:0 10px 28px rgba(16,24,40,.045);
    margin-bottom:22px;
}
.snm-panel-head{padding:18px 20px;border-bottom:1px solid var(--snm-line);}
.snm-panel-head h2{margin:0;font-size:21px;letter-spacing:-.025em;}
.snm-panel-head p{margin:4px 0 0;color:var(--snm-muted);font-size:14px;line-height:1.45;}
.snm-panel-body{padding:20px;}

.snm-kpi{background:#f8fafc;border:1px solid var(--snm-line);padding:14px;}
.snm-kpi span{display:block;color:var(--snm-muted);font-size:12px;margin-bottom:6px;}
.snm-kpi strong{font-size:20px;letter-spacing:-.02em;}

.snm-search-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:18px;}
.snm-search-box input{border:1px solid rgba(255,255,255,.2);background:#fff;color:#111;min-height:44px;padding:0 12px;font-size:16px;outline:0;}
.snm-results{display:none;margin-top:10px;background:#fff;color:#111;border:1px solid var(--snm-line);}
.snm-results.is-open{display:block;}
.snm-result{display:flex;justify-content:space-between;gap:10px;width:100%;border:0;border-bottom:1px solid var(--snm-line);background:#fff;text-align:left;padding:12px 14px;cursor:pointer;font-weight:900;}
.snm-result:last-child{border-bottom:0;}
.snm-result span{display:block;color:var(--snm-muted);font-weight:600;font-size:13px;}

.snm-days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;}
.snm-day{border:1px solid var(--snm-line);background:#fff;padding:13px;}
.snm-day strong{display:block;margin-bottom:8px;font-size:13px;}
.snm-day-temp{font-size:20px;font-weight:950;letter-spacing:-.03em;}
.snm-day small{display:block;color:var(--snm-muted);font-size:12px;margin-top:6px;line-height:1.38;}

.snm-dept-list,.snm-city-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.snm-local-link{display:flex;justify-content:space-between;gap:10px;text-decoration:none;color:#111;background:#f8fafc;border:1px solid var(--snm-line);padding:12px;font-weight:900;}
.snm-local-link:hover{border-color:var(--snm-orange);background:#fff7ed;}
.snm-local-link small{color:var(--snm-muted);font-weight:700;}

.snm-content h2{font-size:24px;margin:0 0 12px;letter-spacing:-.03em;}
.snm-content h3{font-size:19px;margin:22px 0 10px;}
.snm-content p{line-height:1.72;color:#374151;margin:0 0 14px;}
.snm-content ul{margin:0 0 16px;padding-left:20px;color:#374151;line-height:1.72;}
.snm-content a{color:#111;font-weight:900;text-decoration:underline;text-decoration-color:var(--snm-orange);text-decoration-thickness:3px;}

.snm-cta{
    background:#111;
    color:#fff;
    border-left:6px solid var(--snm-orange);
    padding:22px;
    margin:22px 0;
}
.snm-cta h2{margin:0 0 8px;color:#fff;}
.snm-cta p{color:rgba(255,255,255,.78);margin:0 0 15px;}

.snm-note{font-size:13px;color:var(--snm-muted);line-height:1.5;}
.snm-tag{display:inline-flex;align-items:center;gap:6px;background:#f2f4f7;border:1px solid var(--snm-line);padding:7px 9px;font-size:12px;font-weight:900;margin:0 6px 6px 0;}

@media(max-width:980px){
    .snm-container{width:min(100% - 24px,720px);}
    .snm-hero{padding:26px 0 22px;}
    .snm-hero-grid,.snm-grid-2,.snm-grid-3{grid-template-columns:1fr;}
    .snm-grid-4{grid-template-columns:repeat(2,1fr);}
    .snm-dept-list,.snm-city-list{grid-template-columns:repeat(2,1fr);}
    .snm-days{grid-template-columns:1fr;}
    .snm-day{display:grid;grid-template-columns:92px 1fr;gap:8px;align-items:center;}
    .snm-search-box{grid-template-columns:1fr;}
    .snm-temp{font-size:48px;}
    .snm-hero h1{font-size:32px;}
}

@media(max-width:520px){
    .snm-container{width:calc(100% - 20px);}
    .snm-dept-list,.snm-city-list{grid-template-columns:1fr;}
    .snm-actions{display:grid;grid-template-columns:1fr 1fr;}
    .snm-btn{font-size:13px;padding:0 9px;}
    .snm-grid-4{grid-template-columns:1fr 1fr;}
    .snm-panel-body{padding:14px;}
    .snm-panel-head{padding:14px;}
}


/* Données terrain : captures, températures et pression locale */
.snm-terrain-panel{border-top:4px solid var(--snm-orange);}
.snm-terrain-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px;}
.snm-terrain-kpi{background:#f8fafc;border:1px solid var(--snm-line);padding:14px;min-height:96px;}
.snm-terrain-kpi span{display:block;color:var(--snm-muted);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.045em;margin-bottom:8px;}
.snm-terrain-kpi strong{display:block;color:#111;font-size:22px;line-height:1;font-weight:950;letter-spacing:-.035em;}
.snm-terrain-kpi small{display:block;margin-top:7px;color:#667085;line-height:1.35;font-weight:650;}
.snm-terrain-kpi.is-pressure{background:#111827;color:#fff;border-color:#111827;}
.snm-terrain-kpi.is-pressure strong,.snm-terrain-kpi.is-pressure span{color:#fff;}
.snm-terrain-kpi.is-pressure small{color:#cbd5e1;}
.snm-terrain-kpi.is-link{background:#fff7ed;border-color:#fed7aa;}
.snm-terrain-kpi.is-link a{display:inline-flex;margin-top:4px;color:#111;text-decoration:none;font-weight:950;border-bottom:3px solid var(--snm-orange);}
.snm-capture-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;align-items:start;}
.snm-capture-list{display:grid;gap:9px;}
.snm-capture-item{display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center;border:1px solid var(--snm-line);background:#fff;padding:12px;text-decoration:none;color:#111;}
.snm-capture-ico{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#111827;color:var(--snm-orange);font-weight:950;}
.snm-capture-item strong{display:block;font-size:14px;line-height:1.2;}
.snm-capture-item small{display:block;margin-top:4px;color:var(--snm-muted);font-weight:650;}
.snm-capture-temp{background:#fff3e8;color:#111;border:1px solid #fed7aa;padding:7px 9px;font-weight:950;white-space:nowrap;}
.snm-terrain-text{background:#f8fafc;border:1px solid var(--snm-line);padding:16px;}
.snm-terrain-text h3{margin:0 0 8px;font-size:19px;letter-spacing:-.025em;}
.snm-terrain-text p{margin:0 0 10px;color:#475569;line-height:1.62;font-weight:650;}
.snm-terrain-text ul{margin:0;padding-left:19px;color:#475569;line-height:1.62;font-weight:700;}
.snm-terrain-note{margin:0 0 14px;padding:11px 12px;background:#fff7ed;border-left:4px solid var(--snm-orange);color:#7c2d12;font-weight:800;line-height:1.45;}
@media(max-width:980px){.snm-terrain-kpis{grid-template-columns:repeat(2,1fr);}.snm-capture-grid{grid-template-columns:1fr;}}
@media(max-width:520px){.snm-terrain-kpis{grid-template-columns:1fr 1fr;gap:8px;}.snm-terrain-kpi{padding:12px;min-height:auto;}.snm-terrain-kpi strong{font-size:19px;}.snm-terrain-kpi.is-pressure,.snm-terrain-kpi.is-link{grid-column:1/-1;}.snm-capture-item{grid-template-columns:38px 1fr;}.snm-capture-temp{grid-column:2;justify-self:start;padding:6px 8px;font-size:13px;}}