.ww-wrap{--ww-blue:#087bd8;--ww-navy:#102748;--ww-muted:#68788c;--ww-line:#e3ebf3;color:var(--ww-navy);font-family:inherit;max-width:1200px;margin:0 auto}
.ww-wrap *{box-sizing:border-box}.ww-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(24px,4vw,48px);border-radius:22px;background:linear-gradient(120deg,#e8f4ff,#f7fbff);margin-bottom:20px}
.ww-header h2{font-size:clamp(28px,4vw,42px);line-height:1.12;margin:0 0 10px;color:var(--ww-navy)}.ww-header p{margin:0;color:var(--ww-muted)}.ww-eyebrow{font-size:11px!important;letter-spacing:.14em;font-weight:800;color:var(--ww-blue)!important;margin:0 0 8px!important}.ww-current-icon{font-size:clamp(54px,8vw,82px);line-height:1}
.ww-top-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:20px}.ww-card{background:#fff;border:1px solid var(--ww-line);border-radius:18px;padding:clamp(18px,2.5vw,28px);box-shadow:0 6px 22px rgba(16,39,72,.045);min-width:0}
.ww-card h3,.ww-section-title h3{font-size:clamp(20px,2.5vw,25px);margin:0;color:var(--ww-navy)}.ww-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.ww-card-heading p{margin:4px 0 0;color:var(--ww-muted)}.ww-pill{display:inline-block;background:#edf6ff;color:#1765ad;border-radius:30px;padding:7px 11px;font-size:12px;font-weight:700}
.ww-temperature{font-size:clamp(56px,7vw,76px);font-weight:800;line-height:1.05;letter-spacing:-.05em}.ww-feels{margin:4px 0 24px;color:var(--ww-muted)}.ww-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid var(--ww-line);padding-top:18px}.ww-stats div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.ww-stats div span{grid-row:span 2;font-size:20px}.ww-stats small{color:var(--ww-muted);font-size:12px}.ww-stats strong{font-size:13px}
.ww-days{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.ww-day{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:10px 8px;border-left:1px solid var(--ww-line)}.ww-day:first-child{border-left:0}.ww-day>strong{font-size:15px}.ww-day-icon{font-size:34px;line-height:1.25}.ww-day-desc{font-size:12px;color:var(--ww-muted);min-height:30px}.ww-day b{font-size:22px}.ww-day small{font-size:12px;color:var(--ww-muted)}
.ww-section{margin-top:30px}.ww-section-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.ww-section-title p{margin:5px 0 0;color:var(--ww-muted)}.ww-activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ww-activity{display:flex;gap:14px;align-items:flex-start}.ww-activity-icon{font-size:32px;line-height:1.2}.ww-activity h4{font-size:18px;margin:0 0 8px}.ww-activity p{font-size:14px;line-height:1.55;color:var(--ww-muted);margin:10px 0 0}.ww-status{display:inline-block;border-radius:30px;background:#e5f7eb;color:#18743a;font-size:12px;font-weight:700;padding:6px 10px}.ww-status-good{background:#e5f7eb;color:#18743a}
.ww-status-moderate{background:#fff4bf;color:#775b00}
.ww-status-avoid{background:#ffdfbd;color:#8a3f00}
.ww-status-alert{background:#ffdada;color:#a11616}
.ww-winter{padding:clamp(22px,3vw,34px);border-radius:20px;background:linear-gradient(120deg,#edf6ff,#f7fbff);border:1px solid #dceaf7}.ww-winter .ww-section-title{margin-bottom:10px}.ww-winter p:not(.ww-eyebrow){max-width:760px;color:#52657c;line-height:1.6}.ww-winter-icon{font-size:42px}.ww-button{display:inline-flex;align-items:center;gap:12px;background:var(--ww-blue);color:#fff!important;text-decoration:none!important;padding:12px 18px;border-radius:10px;font-weight:700}.ww-button:hover{background:#0569b8;color:#fff!important}
.ww-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--ww-line);margin-top:24px;padding-top:16px;color:var(--ww-muted);font-size:12px}.ww-footer a{color:var(--ww-blue);text-decoration:none}.ww-notice{padding:18px;border:1px solid #f0d9a9;background:#fff8e9;border-radius:12px}
@media(max-width:800px){.ww-top-grid{grid-template-columns:1fr}.ww-activity-grid{grid-template-columns:1fr}.ww-header{padding:24px}.ww-days{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}.ww-day:nth-child(3){border-left:0}.ww-day:nth-child(3),.ww-day:nth-child(4){border-top:1px solid var(--ww-line);padding-top:18px}}
@media(max-width:420px){.ww-stats{grid-template-columns:1fr}.ww-stats div{grid-template-columns:28px 1fr}.ww-stats div span{grid-row:span 2}.ww-header{gap:12px}.ww-current-icon{font-size:48px}.ww-card-heading{flex-direction:column}.ww-day{padding-left:4px;padding-right:4px}}

/* Compacte kop: weersymbool staat nu in de kaart Vandaag. */
.ww-today-heading{align-items:center}
.ww-today-title{display:flex;align-items:center;gap:12px}
.ww-today-title .ww-current-icon{font-size:42px;line-height:1}
.ww-today-title h3{margin:0}
@media(max-width:420px){.ww-today-title .ww-current-icon{font-size:34px}}