/* Ocean Field Atlas: component layer for Django templates + Tailwind 4. No JS or fonts. */
.sf-world-guide {
  --atlas-paper:#f0f1e6;--atlas-paper-2:#e1ebe7;--atlas-ink:#12383d;
  --atlas-muted:#47656a;--atlas-line:#b5c8c3;--atlas-ocean:#17686e;
  --atlas-amber:#bf8644;
  --atlas-display:"Iowan Old Style",Baskerville,Georgia,serif;
  --atlas-ui:system-ui,-apple-system,"Segoe UI",sans-serif;
  --atlas-mono:ui-monospace,"SFMono-Regular",Consolas,monospace;
  font-family:var(--atlas-ui);
}
.sf-world-guide .sf-atlas-container{max-width:72rem;padding-inline:1rem;margin-inline:auto}
.sf-world-guide .sf-atlas-hero{background:linear-gradient(155deg,var(--atlas-paper),#e5efea);color:var(--atlas-ink);border-block:1px solid var(--atlas-line)}
.sf-world-guide .sf-atlas-ruler{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:.85rem;border-bottom:1px solid var(--atlas-line);font:650 .67rem/1.5 var(--atlas-mono);letter-spacing:.04em}
.sf-world-guide .sf-atlas-ruler>span:last-child{color:var(--atlas-muted);text-align:right}
.sf-world-guide .sf-atlas-signal{display:inline-block;background:var(--atlas-amber);width:.5rem;aspect-ratio:1;border-radius:50%;margin-right:.6rem}
.sf-world-guide .sf-atlas-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding-block:clamp(1.8rem,4vw,3.5rem)}
.sf-world-guide .sf-atlas-overline{font:650 .69rem/1.4 var(--atlas-mono);color:var(--atlas-ocean);letter-spacing:.055em;text-transform:uppercase}
.sf-world-guide .sf-atlas-hero h1{margin:.8rem 0 0;max-width:13ch;color:var(--atlas-ink);font:normal clamp(2.7rem,5vw,5rem)/.99 var(--atlas-display);letter-spacing:-.045em;text-wrap:balance}
.sf-world-guide .sf-atlas-lead{margin-top:1.3rem;max-width:58ch;color:var(--atlas-muted);font:400 clamp(.98rem,1.3vw,1.08rem)/1.65 var(--atlas-ui)}
.sf-world-guide .sf-atlas-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.5rem}
.sf-world-guide .sf-atlas-action{display:inline-flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:44px;padding:.6rem .85rem;border:1px solid var(--atlas-line);color:var(--atlas-ink);font:650 .8rem/1.2 var(--atlas-ui);text-decoration:none}
.sf-world-guide .sf-atlas-action:hover{background:var(--atlas-paper-2);border-color:var(--atlas-ocean)}
.sf-world-guide .sf-atlas-action--primary{background:var(--atlas-ink);color:#fff;border-color:var(--atlas-ink)}
.sf-world-guide .sf-atlas-action--primary:hover{background:var(--atlas-ocean);color:#fff}
.sf-world-guide .sf-atlas-hero-visual{margin:0;min-width:0}
.sf-world-guide .sf-atlas-hero-visual>a{position:relative;display:block;aspect-ratio:1/.82;overflow:hidden;background:#c7ddd5;border:1px solid var(--atlas-line)}
.sf-world-guide .sf-atlas-hero-visual img{display:block;width:100%;height:100%;object-fit:cover}
.sf-world-guide .sf-atlas-photo-label{position:absolute;bottom:0;left:0;right:0;display:grid;gap:.15rem;padding:2.5rem 1rem .9rem;background:linear-gradient(transparent,rgba(4,32,40,.91));color:#fff}
.sf-world-guide .sf-atlas-photo-label small{font:.67rem var(--atlas-mono);letter-spacing:.06em;text-transform:uppercase}
.sf-world-guide .sf-atlas-photo-label strong{font:normal 1.75rem var(--atlas-display)}
.sf-world-guide .sf-atlas-hero-visual figcaption{padding-top:.4rem;color:var(--atlas-muted);font-size:.67rem}
.sf-world-guide .sf-atlas-hero-visual figcaption a{text-decoration:underline}
.sf-world-guide .sf-atlas-telemetry{display:grid;grid-template-columns:1fr 1fr 1fr minmax(12rem,1.45fr);border-top:1px solid var(--atlas-line)}
.sf-world-guide .sf-atlas-metric{display:grid;gap:.25rem;min-width:0;padding:.85rem .7rem .9rem 0;border-right:1px solid var(--atlas-line)}
.sf-world-guide .sf-atlas-metric+.sf-atlas-metric{padding-left:1rem}
.sf-world-guide .sf-atlas-metric-label{color:var(--atlas-muted);font:650 .63rem/1.4 var(--atlas-mono);text-transform:uppercase;letter-spacing:.045em}
.sf-world-guide .sf-atlas-metric-value{color:var(--atlas-ink);font:700 1rem/1.3 var(--atlas-ui);font-variant-numeric:tabular-nums}
.sf-world-guide .sf-atlas-metric-value small{font-size:.72rem;font-weight:450;color:var(--atlas-muted)}
.sf-world-guide .sf-atlas-telemetry-note{align-self:center;padding:.7rem 0 .7rem 1rem;font:.76rem/1.5 var(--atlas-ui);color:var(--atlas-muted)}
.sf-world-guide .sf-guide-editorial{padding-top:clamp(1.8rem,4vw,3rem)}
.sf-world-guide .sf-guide-title,.sf-world-guide .sf-section-title,.sf-world-guide .sf-guide-comparison h3,.sf-world-guide .sf-guide-methodology h3{font-family:var(--atlas-display);font-weight:400;letter-spacing:-.025em;text-wrap:balance}
.sf-world-guide .sf-guide-title{font-size:clamp(2.1rem,4vw,3.5rem)}
.sf-world-guide .sf-guide-eyebrow{color:var(--atlas-ocean)}
.sf-world-guide .sf-guide-intro,.sf-world-guide .sf-guide-comparison-lede{line-height:1.6}
.sf-world-guide .sf-guide-method-strip{margin-top:1.4rem;padding-block:.7rem}
.sf-world-guide .sf-guide-features{gap:1rem;margin-top:1.4rem}
.sf-world-guide .sf-guide-feature.sf-atlas-plate{border-radius:2px;border:1px solid var(--border-strong);background:var(--surface-solid,var(--surface));box-shadow:none;transition:none}
.sf-world-guide .sf-guide-feature.sf-atlas-plate:hover{transform:none;box-shadow:none;border-color:var(--accent)}
.sf-world-guide .sf-guide-photo{aspect-ratio:16/10}
.sf-world-guide .sf-guide-photo figcaption{backdrop-filter:none;border-radius:2px}
.sf-world-guide .sf-guide-feature-body{padding:1.1rem 1.15rem 1.2rem}
.sf-world-guide .sf-guide-feature h3{font:normal 1.8rem/1.1 var(--atlas-display)}
.sf-world-guide .sf-guide-feature-region{font:.67rem/1.5 var(--atlas-mono)}
.sf-world-guide .sf-atlas-number{color:var(--accent);font-weight:700}
.sf-world-guide .sf-guide-feature-reason{font-size:.83rem}
.sf-world-guide .sf-guide-feature-copy{font-size:.86rem;line-height:1.55}
.sf-world-guide .sf-atlas-facts{margin:.55rem 0 0}
.sf-world-guide .sf-atlas-facts dd{margin:0}
.sf-world-guide .sf-guide-feature-detail{margin-top:.7rem;font-size:.8rem;line-height:1.45}
.sf-world-guide .sf-guide-feature-links{margin-top:auto;padding-top:.8rem;border-top:1px solid var(--border)}
.sf-world-guide .sf-guide-feature-links>a{margin-top:0}
.sf-world-guide .sf-guide-table-wrap,.sf-world-guide .sf-guide-note,.sf-world-guide .sf-guide-annual-details{border-radius:2px;box-shadow:none}
.sf-world-guide .sf-guide-table thead th{padding:.85rem 1rem}
.sf-world-guide .sf-guide-table tbody tr>th,.sf-world-guide .sf-guide-table tbody tr>td{padding:1rem;line-height:1.55}
.sf-world-guide .sf-guide-forecast,.sf-world-guide .sf-guide-history{padding-block:clamp(2rem,4vw,3rem)}
.sf-world-guide .sf-forecast-card.card-enhanced,.sf-world-guide .sf-history-card.card-enhanced,.sf-world-guide .sf-country-panel.card-enhanced{border-radius:2px;box-shadow:none}
.sf-world-guide .sf-forecast-card.card-enhanced:hover,.sf-world-guide .sf-history-card.card-enhanced:hover{transform:none}
.sf-world-guide a:focus-visible{outline:3px solid var(--atlas-amber);outline-offset:3px}
.ui-night .sf-world-guide{--atlas-paper:#092a31;--atlas-paper-2:#123d46;--atlas-ink:#e9f2ee;--atlas-muted:#bad0cc;--atlas-line:#547376;--atlas-ocean:#99e0d2;--atlas-amber:#e8b269}
.ui-night .sf-world-guide .sf-atlas-hero{background:linear-gradient(155deg,#082932,#123c43)}
.ui-night .sf-world-guide .sf-atlas-action--primary{background:#e2f0e9;color:#12383d}
.ui-night .sf-world-guide .sf-atlas-action--primary:hover{background:#badbd0;color:#12383d}
@media(max-width:900px){.sf-world-guide .sf-atlas-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:1.3rem}.sf-world-guide .sf-atlas-telemetry{grid-template-columns:repeat(3,minmax(0,1fr))}.sf-world-guide .sf-atlas-telemetry-note{grid-column:1/-1;padding:.6rem 0;border-top:1px solid var(--atlas-line)}}
@media(max-width:700px){.sf-world-guide .sf-atlas-ruler{align-items:start}.sf-world-guide .sf-atlas-ruler>span:last-child{font-size:.6rem}.sf-world-guide .sf-atlas-hero-grid{grid-template-columns:1fr;gap:1.3rem;padding-block:1.7rem}.sf-world-guide .sf-atlas-hero h1{font-size:clamp(2.65rem,10vw,4.1rem)}.sf-world-guide .sf-atlas-hero-visual>a{aspect-ratio:16/9}.sf-world-guide .sf-atlas-metric{padding-right:.3rem}.sf-world-guide .sf-atlas-metric+.sf-atlas-metric{padding-left:.4rem}.sf-world-guide .sf-atlas-metric-value{font-size:.83rem}.sf-world-guide .sf-atlas-metric-value small{display:block}.sf-world-guide .sf-atlas-metric-label{font-size:.57rem}.sf-world-guide .sf-guide-title{font-size:clamp(2.1rem,8vw,3rem)}}
@media(prefers-reduced-motion:reduce){.sf-world-guide .sf-atlas-action,.sf-world-guide .sf-atlas-plate{transition:none}}