/* ============================================================
   OROSEIMETEO · GUIDA ALLA QUALITÀ DELL'ARIA
   ============================================================ */

.aqg-page{background:#fff;color:#17465f;}
.aqg-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;}

.aqg-hero{padding:42px 0 36px;border-bottom:1px solid #edf3f6;background:#fbfdfe;}
.aqg-kicker{display:block;color:#168bb4;font-size:14px;line-height:1.35;font-weight:800;letter-spacing:.075em;text-transform:uppercase;}
.aqg-hero h1{margin:7px 0 14px;color:#17465f;font-size:clamp(44px,5.2vw,62px);line-height:1.02;font-weight:800;letter-spacing:-1.8px;}
.aqg-hero p{max-width:890px;margin:0;color:#607c8d;font-size:18px;line-height:1.7;}

.aqg-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px;}
.aqg-primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 15px;border-radius:11px;background:#168bb4;color:#fff;font-size:12px;font-weight:800;text-decoration:none;}
.aqg-hero-actions>span{display:inline-flex;align-items:center;min-height:43px;padding:0 13px;border:1px solid rgba(84,120,136,.14);border-radius:11px;background:#fff;color:#607c8d;font-size:12px;font-weight:750;}

.aqg-section{padding:40px 0;}
.aqg-section-soft{border-top:1px solid #edf3f6;border-bottom:1px solid #edf3f6;background:#fbfdfe;}
.aqg-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:20px;}
.aqg-section-head h2,.aqg-source-card h2{margin:5px 0 0;color:#17465f;font-size:34px;line-height:1.08;font-weight:800;letter-spacing:-.7px;}
.aqg-section-head>p{max-width:560px;margin:0;color:#708998;font-size:15px;line-height:1.65;}

.aqg-measured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.aqg-measured-card{min-width:0;padding:21px;border:1px solid rgba(84,120,136,.14);border-radius:16px;background:#fff;box-shadow:0 5px 17px rgba(24,77,105,.045);}
.aqg-code{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:37px;padding:0 10px;border:1px solid #d3e5ec;border-radius:10px;background:#f4fafc;color:#168bb4;font-size:12px;font-weight:800;}

.aqg-measured-card h3,.aqg-aqi-copy h3,.aqg-pollutant-grid h3,.aqg-weather-card h3,.aqg-reading-grid h3{margin:13px 0 0;color:#17465f;font-size:21px;line-height:1.2;font-weight:800;}
.aqg-measured-card p,.aqg-aqi-copy p,.aqg-pollutant-grid p,.aqg-weather-card p,.aqg-reading-grid p,.aqg-source-card p{margin:10px 0 0;color:#587486;font-size:15px;line-height:1.72;}

.aqg-aqi-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:start;}
.aqg-aqi-copy{padding:22px;border:1px solid rgba(84,120,136,.14);border-radius:16px;background:#fff;}
.aqg-aqi-copy h3{margin-top:0;}
.aqg-aqi-scale{display:grid;gap:8px;}
.aqg-aqi-scale>div{padding:14px 16px;border:1px solid transparent;border-radius:13px;}
.aqg-aqi-scale strong{display:block;font-size:15px;line-height:1.25;font-weight:800;}
.aqg-aqi-scale span{display:block;margin-top:3px;font-size:12px;line-height:1.45;}
.aqg-aqi-scale .is-good{border-color:#c8e4d3;background:#f0f8f3;color:#438360;}
.aqg-aqi-scale .is-fair{border-color:#d9dfad;background:#faf9ed;color:#8c872c;}
.aqg-aqi-scale .is-moderate{border-color:#ecd5a2;background:#fdf7e9;color:#a97b26;}
.aqg-aqi-scale .is-poor{border-color:#ebc49d;background:#fcf0e5;color:#b66c31;}
.aqg-aqi-scale .is-very-poor{border-color:#e1b0ad;background:#faeceb;color:#b0524f;}

.aqg-who-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.aqg-who-grid article{min-width:0;padding:18px 16px;border:1px solid rgba(84,120,136,.14);border-radius:15px;background:#fff;box-shadow:0 5px 17px rgba(24,77,105,.045);}
.aqg-who-grid span{display:block;color:#788f9c;font-size:11px;line-height:1.35;font-weight:800;letter-spacing:.04em;text-transform:uppercase;}
.aqg-who-grid strong{display:block;margin-top:8px;color:#17465f;font-size:27px;line-height:1;font-weight:800;}
.aqg-who-grid small{display:block;margin-top:8px;color:#8297a3;font-size:12px;line-height:1.45;}

.aqg-guideline-note{margin-top:14px;padding:17px 18px;border:1px solid #d7e7ed;border-radius:14px;background:#f8fbfd;}
.aqg-guideline-note>strong{color:#17465f;font-size:15px;}
.aqg-guideline-note p{margin:6px 0 0;color:#607c8d;font-size:14px;line-height:1.65;}

.aqg-pollutant-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.aqg-pollutant-grid article{min-width:0;padding:19px;border:1px solid rgba(84,120,136,.14);border-radius:15px;background:#fff;}
.aqg-pollutant-grid article>span{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:35px;padding:0 9px;border:1px solid #d7e7ed;border-radius:10px;background:#f5fafc;color:#168bb4;font-size:12px;font-weight:800;}

.aqg-weather-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.aqg-weather-card{min-width:0;padding:20px;border:1px solid rgba(84,120,136,.14);border-radius:15px;background:#fff;box-shadow:0 5px 17px rgba(24,77,105,.045);}
.aqg-weather-card>span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border:1px solid #d7e7ed;border-radius:10px;background:#f5fafc;color:#168bb4;font-size:11px;font-weight:800;}

.aqg-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.aqg-reading-grid article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;padding:19px;border:1px solid rgba(84,120,136,.14);border-radius:15px;background:#fff;}
.aqg-reading-grid article>strong{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#eaf7fb;color:#168bb4;font-size:13px;}
.aqg-reading-grid h3{margin-top:0;}

.aqg-source-section{padding-top:26px;padding-bottom:52px;}
.aqg-source-card{padding:24px;border:1px solid rgba(84,120,136,.14);border-radius:16px;background:#fbfdfe;}
.aqg-source-card strong{color:#315e76;}
.aqg-source-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.aqg-source-links a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 13px;border:1px solid #d2e3ea;border-radius:10px;background:#fff;color:#168bb4;font-size:11px;font-weight:800;text-decoration:none;}

@media(max-width:980px){
    .aqg-who-grid,.aqg-pollutant-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:760px){
    .aqg-shell{width:min(100% - 22px,1180px);}
    .aqg-hero{padding:30px 0 28px;}
    .aqg-hero h1{font-size:42px;line-height:1.04;letter-spacing:-1.1px;}
    .aqg-hero p{font-size:16px;line-height:1.68;}

    .aqg-section{padding:32px 0;}
    .aqg-section-head{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:16px;}
    .aqg-section-head h2,.aqg-source-card h2{font-size:30px;}
    .aqg-section-head>p{font-size:15px;}

    .aqg-measured-grid,.aqg-aqi-layout,.aqg-weather-grid,.aqg-reading-grid{grid-template-columns:1fr;}
    .aqg-who-grid,.aqg-pollutant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}

    .aqg-measured-card,.aqg-aqi-copy,.aqg-weather-card{padding:18px 16px;}
    .aqg-measured-card p,.aqg-aqi-copy p,.aqg-pollutant-grid p,.aqg-weather-card p,.aqg-reading-grid p,.aqg-source-card p{font-size:15px;line-height:1.7;}
    .aqg-source-card{padding:20px 18px;}
}

@media(max-width:430px){
    .aqg-who-grid,.aqg-pollutant-grid{grid-template-columns:1fr;}
    .aqg-hero-actions{align-items:stretch;flex-direction:column;}
    .aqg-primary-link,.aqg-hero-actions>span{width:100%;}
}