:root{font-family:Segoe UI,Arial,sans-serif;color:#ebeff2;background:#171d24;color-scheme:dark;font-size:15px}*{box-sizing:border-box}body{margin:0}header{max-width:1300px;margin:auto;padding:25px 28px 14px}h1{font-size:30px;margin:4px 0}header p{margin:6px 0;color:#a6b6c3;font-size:13px}.eyebrow{letter-spacing:2px;font-size:11px;color:#91d0bc}main{max-width:1300px;margin:auto;padding:0 28px 24px}.notice{font-size:12px;color:#9aaebe;margin:4px 0 16px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cards article,.panel{background:#222b35;border:1px solid #354250;border-radius:14px;padding:19px}.cards h2{color:#b9c7d2;font-size:14px;font-weight:500;margin:0 0 16px}.cards strong{color:#a4dbc1;font-size:32px;white-space:nowrap}.cards p{color:#b3c2ce;font-size:12px;margin:9px 0}.panel{margin-top:14px}h2{font-size:19px;margin:0 0 16px}.rain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.rain span{display:block;color:#b9c7d2;font-size:12px;min-height:30px}.rain strong{display:block;font-size:26px;color:#a4dbc1;margin:8px 0}.rain small{display:block;font-size:10px;line-height:1.5;color:#9aaebe}.section-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.section-head h2{margin:0}nav{display:flex;gap:5px}button,.action{border:0;border-radius:8px;padding:9px 13px;background:#303e4b;color:#dae4ec;font:inherit;cursor:pointer;font-size:13px;text-decoration:none}button[aria-pressed=true],.action{background:#3e7066;color:white}.plots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.plots[hidden]{display:none}figure{margin:0;background:#edf1f4;border-radius:10px;padding:10px}figure img{width:100%;height:auto}figcaption{font-size:12px;color:#445767;margin-top:5px}iframe{background:white}footer{text-align:center;font-size:10px;color:#8ca0b0;padding:12px}a{color:#a4dbc1}@media(max-width:850px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.rain{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){main{padding:0 12px 20px}header{padding:20px 14px}.cards{gap:8px}.cards article,.panel{padding:14px}.cards strong{font-size:25px}.plots{grid-template-columns:1fr}.rain strong{font-size:23px}}

.cards{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}
.cards .wind-card{grid-row:span 2}
.cards .sky-card p{line-height:1.6}
@media(max-width:850px){
.cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards .wind-card{grid-row:auto}
}
@media(max-width:480px){
.cards{grid-template-columns:1fr}
}

/* Tuiles de même hauteur, sans extension sur deux rangées */
.cards{
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:stretch;
}
.cards .wind-card{grid-row:auto}
.cards article{padding:16px}
.cards strong{font-size:27px}
.cards .wind-card svg{width:90px;height:90px}
.cards h2{margin-bottom:12px}

@media(max-width:1100px){
    .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:750px){
    .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
    .cards{grid-template-columns:1fr}
}

/* Deux rangées : température intérieure sous extérieure */
.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.cards .indoor-card{grid-column:1;grid-row:2}
.cards .sky-card{grid-column:2;grid-row:2}

@media(max-width:750px){
    .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
    .cards .indoor-card,.cards .sky-card{grid-column:auto;grid-row:auto}
}
@media(max-width:480px){
    .cards{grid-template-columns:1fr}
}

.rain-history-link{
    text-align:center;
    margin-top:20px;
}
.rain-history-link .action{
    display:inline-block;
    background:transparent;
    color:#a4dbc1;
    border:1px solid #49645f;
    border-radius:20px;
    padding:7px 16px;
    font-size:12px;
    text-decoration:none;
}
.rain-history-link .action:hover{
    background:#a4dbc112;
    border-color:#a4dbc1;
}
.rain-history-link .action:focus-visible{
    outline:2px solid #a4dbc1;
    outline-offset:3px;
}