/* Weatherdata Nowcast Weather · v1.1 — pastel identity derived from user's radar index_radar.php */
:root {
  --page-bg: #dfeaf8;
  --card-bg: #fffdfb;
  --ink: #1d2f43;
  --muted: #65788c;
  --quiet: #7891a6;
  --blue: #4a8fc5;
  --blue-dark: #2d6e9f;
  --blue-soft: #eaf4ff;
  --pastel-peach: #fff2ef;
  --pastel-mint: #edfff3;
  --pastel-pink: #fff0f6;
  --pastel-cream: #fff6e6;
  --pastel-sky: #eaf4ff;
  --pastel-ice: #f1f8ff;
  --pastel-lavender: #f4efff;
  --border: #cfddec;
  --shadow: 0 12px 32px rgba(45,75,108,.10), 0 2px 8px rgba(45,75,108,.06);
  --radius: 18px;
}
*, *::before, *::after {box-sizing:border-box}
html {scroll-behavior:smooth; color-scheme:light}
body {
  margin:0; min-height:100vh; overflow-x:hidden;
  background:radial-gradient(circle at 12% 0%, rgba(255,242,239,.75) 0,transparent 34%),
    linear-gradient(180deg,#edf5ff 0,#e5effb 280px,var(--page-bg) 760px);
  color:var(--ink); font-family:'Manrope',Arial,sans-serif; line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
body::before {content:none}
.ambient {position:fixed;pointer-events:none;z-index:-1;filter:blur(9px);opacity:.7}
.ambient-a {top:-290px;left:-230px;width:760px;height:680px;background:radial-gradient(ellipse,#fff2ef,transparent 70%)}
.ambient-b {top:210px;right:-370px;width:820px;height:760px;background:radial-gradient(ellipse,#f4efff,transparent 67%)}
a{color:var(--blue-dark)}
.page-shell {width:min(1280px,calc(100% - 54px));margin:0 auto;padding:19px 0 28px}
/* Site navigation */
.masthead {
  min-height:63px; display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:7px 19px; border:1px solid var(--border);border-radius:15px;
  background:rgba(255,253,251,.9); box-shadow:0 4px 15px rgba(45,75,108,.045);
}
.brand {display:flex;gap:10px;align-items:center;text-decoration:none}
.brand-mark {display:grid;place-items:center;width:40px;height:40px;border-radius:11px;color:var(--blue-dark);background:linear-gradient(135deg,#eaf4ff,#f1f8ff);border:1px solid #cfe3f5}
.brand-mark svg {width:29px}
.brand-wordmark {font-size:20px;letter-spacing:-.046em;color:var(--ink)}
.brand-wordmark b {font-weight:800}
.brand-wordmark small {color:var(--blue-dark);font-size:15px;font-weight:800}
.mast-actions {display:flex;align-items:center;gap:17px}
.back-link {display:inline-flex;align-items:center;gap:4px;color:var(--blue-dark);font-size:12px;font-weight:800;text-decoration:none}
.back-link:hover {color:#165582}
.back-link svg,.language-switch svg {width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.language-switch {display:inline-flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;border:1px solid #bbd5e8;border-radius:10px;background:var(--blue-soft);color:var(--blue-dark);font:800 12px/1 'Manrope',Arial,sans-serif}
.language-switch:hover {background:#ddecfa}
.language-switch svg {width:15px;height:15px}
/* Compact hero, matching Radar page palette */
.hero {
  position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;
  min-height:0; padding:21px 28px 22px;margin:16px 0 23px;overflow:hidden;
  border:1px solid var(--border);border-left:5px solid #9ac7ff;border-radius:var(--radius);
  background:linear-gradient(115deg,#fff8f4 0%,#f7fbff 54%,#eaf4ff 100%);
  box-shadow:var(--shadow);
}
.hero::after {content:"";position:absolute;right:-70px;top:-95px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(143,212,255,.23),transparent 68%);pointer-events:none}
.hero-copy {max-width:910px;position:relative;z-index:2;min-width:0}
.eyebrow {display:flex;align-items:center;gap:10px;letter-spacing:.14em;font-size:10px;font-weight:800;color:var(--blue-dark)}
.eyebrow-line {width:26px;height:1px;display:inline-block;background:#6aa4ce}
.eyebrow-dot {opacity:.4}
.hero h1 {font-size:clamp(29px,3.25vw,43px);font-weight:800;letter-spacing:-.045em;line-height:1.16;margin:8px 0 8px;color:var(--ink)}
.hero h1 em {font-style:normal;color:var(--blue-dark);background:none;-webkit-text-fill-color:initial}
.hero-intro {max-width:850px;font-size:12.5px;line-height:1.67;color:var(--muted);margin:0 0 12px}
.hero-tags {display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px}
.hero-tags>span {display:inline-flex;gap:8px;align-items:center;color:#53758f;font-size:10px;font-weight:800;letter-spacing:.015em}
.hero-tags i {height:6px;width:6px;border-radius:50%;background:#75cfa9;box-shadow:0 0 0 3px #dcf7e7}
.hero-orbit {position:relative;flex:0 0 155px;width:155px;height:130px;display:flex;justify-content:center;align-items:center;opacity:.68}
.orbit-ring {position:absolute;border:1px solid rgba(74,143,197,.28);border-radius:50%;transform:rotate(-25deg)}
.ring-one {width:145px;height:93px}.ring-two {width:105px;height:145px;transform:rotate(37deg);border-color:#85afd955}
.orbit-center {width:79px;height:79px;display:grid;place-items:center;color:#3c92b0;border-radius:50%;background:radial-gradient(circle,#ddecf8,transparent 72%)}
.orbit-center svg {width:72px;height:72px}
.orbit-label {position:absolute;right:0;bottom:-1px;font:700 8px/1.4 ui-monospace,monospace;letter-spacing:.08em;color:#6389a8;text-align:right}
/* Product catalogue */
.workspace {margin:0}
.section-heading {display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 14px}
.overline,.card-overline {font-size:10px;font-weight:800;letter-spacing:.125em;color:var(--blue-dark)}
.section-heading h2 {margin:4px 0 0;font-size:21px;letter-spacing:-.03em;font-weight:800}
.mini-count {display:flex;align-items:baseline;gap:7px;color:#6789a7}.mini-count strong {font-size:26px;color:var(--blue-dark);font-weight:800;letter-spacing:-.05em}.mini-count span {font-size:10px;font-weight:800;letter-spacing:.10em}
.product-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.product-tab {
  position:relative;min-height:94px;display:flex;align-items:center;gap:12px;padding:17px 16px;
  border-radius:15px;border:1px solid var(--border);background:linear-gradient(115deg,var(--pastel-ice),var(--card-bg));
  box-shadow:0 5px 14px rgba(45,75,108,.045);color:var(--ink);font:inherit;text-align:left;
  cursor:pointer;overflow:hidden;transition:box-shadow .15s,border-color .15s,transform .15s;
}
.product-tab:nth-child(2) {background:linear-gradient(120deg,var(--pastel-lavender),#fffdfb)}
.product-tab:nth-child(3) {background:linear-gradient(120deg,var(--pastel-mint),#fffdfb)}
.product-tab:nth-child(4) {background:linear-gradient(120deg,var(--pastel-peach),#fffdfb)}
.product-tab:nth-child(5) {background:linear-gradient(120deg,var(--pastel-cream),#fffdfb)}
.product-tab:nth-child(6) {background:linear-gradient(120deg,var(--pastel-sky),#fffdfb)}
.product-tab:hover {border-color:#9bc5e5;box-shadow:0 9px 23px rgba(45,75,108,.11);transform:translateY(-1px)}
.product-tab.is-active {border:2px solid var(--blue);padding:16px 15px;box-shadow:0 7px 20px rgba(74,143,197,.17),inset 0 1px #fff}
.product-tab.is-active::before {content:"";position:absolute;top:0;left:15px;right:15px;height:3px;background:linear-gradient(90deg,transparent,#72b2dd,transparent)}
.product-number {position:absolute;right:12px;top:9px;font:800 10px ui-monospace,monospace;color:#8ba0b0}
.product-icon {height:42px;width:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.76);border:1px solid #d5e5f2;color:var(--blue-dark)}
.product-icon svg,.view-action svg,.insight-line svg,.map-caption svg {width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.icon-rain {color:#397db0}.icon-ir {color:#796ba9}.icon-clouds {color:#3f9670}.icon-mix {color:#c18b58}.icon-lightning {color:#c49734}.icon-mtg {color:#558fba}
.product-text {min-width:0;display:flex;flex-direction:column;gap:5px}.product-text strong {font-size:13px;line-height:1.28;font-weight:800;letter-spacing:-.012em;color:var(--ink)}
.product-text small,.product-tab.is-active .product-text small {font-size:10px;line-height:1.35;font-weight:600;color:var(--muted)}
.product-arrow {position:absolute;right:14px;bottom:10px;font-size:14px;color:var(--blue);opacity:.56}.product-tab.is-active .product-arrow {color:var(--blue-dark);opacity:1}
/* Map and right-side panels */
.view-section {display:grid;grid-template-columns:minmax(0,840px) minmax(255px,1fr);gap:16px;align-items:start;margin:18px 0 0}
.viewer {min-width:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--card-bg);box-shadow:var(--shadow)}
.viewer-top {min-height:99px;padding:16px 19px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #dbe6f0;border-left:5px solid #87d8a6;background:linear-gradient(110deg,#edfff3 0%,#f7fbff 55%,#fff6e6 100%)}
.viewer-titleline {display:flex;align-items:center;gap:11px;min-width:0}
.viewer-indicator {align-self:flex-start;flex:0 0 29px;display:grid;place-items:center;width:29px;height:29px;border:1px solid #c8e5d4;border-radius:9px;background:var(--pastel-mint);margin-top:5px}
.viewer-indicator span {width:8px;height:8px;background:#50ad80;border-radius:50%;box-shadow:0 0 0 4px rgba(80,173,128,.13)}
.viewer-kicker {display:block;margin-bottom:4px;font-size:9px;font-weight:800;letter-spacing:.12em;color:#438265}
.viewer-titleline h2 {margin:0;font-size:20px;font-weight:800;letter-spacing:-.025em;color:var(--ink)}
.viewer-titleline p {margin:4px 0 0;font-size:11px;color:var(--muted)}
.viewer-actions {display:flex;gap:7px;flex-wrap:wrap;justify-content:end}
.view-action {border:1px solid #c4d9e9;border-radius:10px;background:#fff;color:var(--blue-dark);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;text-decoration:none;font-size:10px;font-weight:800;font-family:inherit;cursor:pointer;white-space:nowrap}
.view-action svg {height:15px;width:15px}.view-action:hover {background:#eaf4ff;color:#1d608e}
.source-action {color:#fff;background:linear-gradient(115deg,#4a8fc5,#2d6e9f);border-color:transparent}.source-action:hover {background:#2d6e9f;color:#fff}
.viewer-body {padding:15px 16px 12px}.map-outer {display:flex;justify-content:center;width:100%}
.map-inner {position:relative;width:min(750px,100%);min-height:500px;border-radius:11px;overflow:hidden;background:#dbeaf7;outline:1px solid #ccdae9;box-shadow:0 8px 25px rgba(45,75,108,.12)}
.map-inner iframe {display:block;width:100%;height:500px;border:0;background:#dbeaf7}
.map-caption {display:flex;align-items:flex-start;gap:7px;margin:13px 3px 0;font-size:10px;line-height:1.6;color:var(--muted)}
.map-caption svg {flex:0 0 15px;width:15px;height:15px;opacity:.75;margin-top:1px}
.details {display:flex;flex-direction:column;gap:12px}.detail-card {border:1px solid var(--border);border-radius:16px;background:linear-gradient(135deg,#fffdfb,#f1f8ff);box-shadow:0 6px 18px rgba(45,75,108,.055);padding:19px 18px}
.detail-primary {min-height:255px;border-left:5px solid #9ac7ff}
.detail-primary h3 {font-size:18px;line-height:1.27;letter-spacing:-.025em;margin:10px 0;color:var(--ink)}
.detail-primary>p {font-size:11px;line-height:1.7;color:var(--muted);margin:0}
.detail-divider {height:1px;background:var(--border);margin:17px 0 12px}
.detail-primary dl {margin:0}.detail-primary dl>div {display:flex;justify-content:space-between;gap:9px;padding:7px 0;font-size:10px}.detail-primary dt {color:var(--muted)}.detail-primary dd {margin:0;text-align:right;color:var(--ink);font-weight:800}
.detail-secondary {background:linear-gradient(120deg,var(--pastel-mint),#fffdfb);border-color:#cee6d7;border-left:5px solid #87d8a6}
.insight-line {display:flex;align-items:center;gap:9px;color:#337a58}.insight-line svg {width:19px;height:19px}.insight-line strong {font-size:12px;font-weight:800}
.detail-secondary p,.detail-tip p {font-size:11px;line-height:1.7;color:var(--muted);margin:10px 0 0}
.detail-tip {background:linear-gradient(125deg,var(--pastel-cream),#fffdfb);border-left:5px solid #ffcf7f}.detail-tip p {margin:9px 0 0}
.lower-note {display:flex;gap:11px;align-items:center;border:1px solid var(--border);border-left:5px solid #8fd4ff;border-radius:12px;padding:13px 17px;margin:16px 0 22px;color:var(--muted);font-size:11px;background:linear-gradient(90deg,#f1f8ff,#eaf4ff,#fff6e6)}
.lower-note-icon {font-size:17px;color:var(--blue-dark)}
/* Bilingual permission footer */
.site-footer {margin-top:12px;padding:19px 22px;border:1px solid var(--border);border-left:5px solid #ffcf7f;border-radius:16px;background:linear-gradient(110deg,rgba(255,246,230,.95),rgba(244,239,255,.93) 52%,rgba(234,244,255,.95));box-shadow:0 6px 20px rgba(31,55,78,.05)}
.footer-upper {display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px}
.footer-brand {display:flex;flex-direction:column;gap:4px}.footer-brand strong {font-size:18px;letter-spacing:-.04em;color:var(--ink)}.footer-brand strong span {color:var(--blue-dark)}.footer-brand small {color:var(--muted);letter-spacing:.12em;font-size:9px;font-weight:800}
.footer-upper a {color:var(--blue-dark);text-decoration:none;font-size:11px;font-weight:800}.footer-upper a:hover {text-decoration:underline}
.legal-grid {display:grid;grid-template-columns:1fr 1fr;gap:29px}.legal-grid section {border-left:2px solid #aac8df;padding-left:14px}.legal-grid h3 {font-size:12px;margin:0 0 8px;color:var(--ink)}
.legal-grid p {font-size:10.5px;line-height:1.75;color:var(--muted);margin:0}.legal-grid p strong {font-weight:800;color:var(--ink)}
.privacy-strip {border-top:1px solid var(--border);margin-top:16px;padding-top:13px;display:flex;flex-wrap:wrap;gap:5px 18px;align-items:center;font-size:10px;color:var(--muted)}
.privacy-strip a {color:var(--blue-dark);text-decoration:underline;text-underline-offset:2px}
.footer-bottom {border-top:1px solid var(--border);margin-top:15px;padding-top:11px;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;letter-spacing:.07em}
button:focus-visible,a:focus-visible,[tabindex="0"]:focus-visible {outline:2px solid var(--blue-dark);outline-offset:3px}
@media(max-width:1110px){.view-section{grid-template-columns:minmax(0,1fr) 265px}.viewer-top{align-items:flex-start;flex-wrap:wrap}.viewer-actions{justify-content:flex-start}.hero-orbit{flex-basis:120px;width:120px;transform:scale(.83);transform-origin:right center}}
@media(max-width:900px){.page-shell{width:min(calc(100% - 34px),780px)}.hero{padding:21px 23px}.hero-orbit{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.view-section{grid-template-columns:1fr}.details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-primary{grid-row:span 2;min-height:0}.viewer-top{flex-wrap:nowrap;align-items:center}.viewer-actions{justify-content:flex-end}}
@media(max-width:620px){.page-shell{width:calc(100% - 20px);padding-top:10px}.masthead{min-height:58px;padding:7px 11px}.brand-mark{width:35px;height:35px}.brand-mark svg{width:27px}.brand-wordmark{font-size:18px}.brand-wordmark small{font-size:13px}.mast-actions{gap:6px}.back-link{font-size:0;padding:4px}.back-link svg{width:22px;height:22px}.language-switch{padding:8px 10px}
 .hero{padding:18px 16px 19px;margin:11px 0 19px}.eyebrow{font-size:8px;gap:7px;letter-spacing:.10em}.eyebrow-line{width:14px}.hero h1{font-size:clamp(27px,7vw,34px);margin:9px 0}.hero-intro{font-size:11.5px;line-height:1.62;margin-bottom:10px}.hero-tags>span{font-size:9px}
 .section-heading h2{font-size:18px}.mini-count strong{font-size:22px}.product-grid{gap:8px}.product-tab{min-height:102px;padding:22px 10px 12px;align-items:flex-start;gap:8px}.product-tab.is-active{padding:21px 9px 11px}.product-icon{width:31px;height:31px;flex-basis:31px;border-radius:9px}.product-icon svg{width:17px;height:17px}.product-text strong{font-size:11px}.product-text small{font-size:9.5px}.product-arrow{display:none}
 .viewer-top{display:block;padding:14px}.viewer-titleline h2{font-size:17px}.viewer-kicker{font-size:8px}.viewer-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:13px}.view-action{font-size:10px}.viewer-body{padding:7px 7px 10px}.map-inner{min-height:465px;border-radius:9px}.map-inner iframe{height:465px}.map-caption{margin:11px 9px 3px;font-size:9.5px}.details{grid-template-columns:1fr;gap:9px}.detail-card{padding:16px}
 .legal-grid{grid-template-columns:1fr;gap:18px}.site-footer{padding:17px 15px}.footer-upper{align-items:flex-start}.footer-upper a{font-size:10px;text-align:right}.footer-bottom{font-size:9px}.footer-bottom span:last-child{max-width:50%;text-align:right}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}