/* Horizon360 2.13.0 — Mer de brouillard */
.m360fs{--fs-ink:#1d2f3c;--fs-mut:#5b6f7c;--fs-line:#dde6ec;--fs-soft:#f4f8fb;--fs-acc:#2F6F89;--fs-sun:#f2b705;--fs-green:#2e7d4f;color:var(--fs-ink);display:flex;flex-direction:column;gap:22px;max-width:1180px;margin:0 auto}
.m360fs *{box-sizing:border-box}
.m360fs>*,.m360fs-grid>*{min-width:0}
.m360fs-hero{border-radius:22px;overflow:hidden;background:#1d2f3c;color:#fff;box-shadow:0 18px 50px rgba(20,34,46,.18)}
.m360fs-head{padding:28px 30px 8px}
.m360fs-kicker{display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#bfe0ec;font-weight:600}
.m360fs-title{color:#fff!important;font-size:clamp(24px,3.4vw,38px);line-height:1.15;margin:8px 0 6px}
.m360fs-sub{color:#d6e3ea;margin:0;font-size:17px;max-width:760px}
.m360fs-stage{position:relative;aspect-ratio:1000/430;width:100%;margin-top:16px;background:#9fc3db}
.m360fs-stage svg{display:block;width:100%;height:100%}
.m360fs .fs-grid line{stroke:#fff;stroke-opacity:.18;stroke-dasharray:3 6}
.m360fs .fs-grid text{fill:#fff;fill-opacity:.7;font-size:12px;font-family:inherit}
.m360fs .fs-range--back path{fill:#6f8ea3}
.m360fs .fs-range--mid path{fill:#55707f}
.m360fs .fs-range--front path{fill:#344b59}
.m360fs .fs-base{fill:#4b6473}
.m360fs .fs-fog{transition:transform 1.1s cubic-bezier(.3,.7,.2,1)}
.m360fs .fs-wave--a{animation:fsDrift 26s linear infinite}
.m360fs .fs-wave--b{animation:fsDrift 17s linear infinite reverse}
@keyframes fsDrift{from{transform:translateX(0)}to{transform:translateX(-200px)}}
.m360fs .fs-toplabel{fill:#1d2f3c;font-size:14px;font-weight:600;font-family:inherit}
.m360fs .fs-toppill{fill:#fff;fill-opacity:.92;stroke:#c9d4db}
.m360fs .fs-range path.fs-snow{fill:#f4f8fb;fill-opacity:.9}
.m360fs .fs-sun{transition:opacity .8s}
.m360fs .fs-peak circle{fill:#d7dee3;stroke:#fff;stroke-width:1.5}
.m360fs .fs-peak--sun circle{fill:var(--fs-sun)}
.m360fs .fs-peak--sun .fs-halo{fill:#ffe27a;fill-opacity:.45;stroke:none;animation:fsPulse 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes fsPulse{50%{transform:scale(1.6);fill-opacity:.1}}
.m360fs .fs-name{fill:#fff;font-size:15px;font-weight:600;font-family:inherit;paint-order:stroke;stroke:rgba(20,34,46,.55);stroke-width:3px}
.m360fs .fs-alt{fill:#fff7cf;font-size:12.5px;font-family:inherit;paint-order:stroke;stroke:rgba(20,34,46,.5);stroke-width:3px}
.m360fs .fs-st{stroke:#fff;stroke-width:1}
.m360fs .fs-deck{opacity:0;transition:opacity .8s}
.m360fs .fs-peak--cloud circle{fill:#9aa7b0}
.m360fs .fs-st--sun,.m360fs .fs-st--clear{fill:var(--fs-sun)}
.m360fs .fs-st--gray{fill:#8a98a3}
.m360fs .fs-st--mixed{fill:#c9d4db}
.m360fs .fs-st--rain{fill:#3b82c4}
.m360fs.is-gray .fs-sky0{stop-color:#7d8d98}
.m360fs.is-gray .fs-sky1{stop-color:#c7cfd5}
.m360fs-time{padding:14px 30px 4px;display:flex;flex-direction:column;gap:12px}
.m360fs-tabs{display:flex;flex-wrap:wrap;gap:8px}
.m360fs-tabs button{appearance:none;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:999px;padding:7px 16px;font:inherit;font-size:15px;cursor:pointer}
.m360fs-tabs button[aria-pressed="true"]{background:#fff;color:var(--fs-ink);border-color:#fff}
.m360fs-slider{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.m360fs-slider input[type=range]{flex:1 1 220px;accent-color:#ffe27a;min-width:160px}
.m360fs-play{appearance:none;width:40px;height:40px;border-radius:50%;border:0;background:#ffe27a;color:#1d2f3c;font-size:15px;cursor:pointer;flex:none}
.m360fs-readout{font-size:15px;color:#e7eff4;flex:1 1 260px}
.m360fs-meta{margin:0;padding:6px 30px 22px;color:#9fb6c3;font-size:13px}
.m360fs-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:22px}
.m360fs-card{background:#fff;border:1px solid var(--fs-line);border-radius:18px;padding:22px 24px}
.m360fs-card h3{margin:0 0 14px;font-size:21px;color:var(--fs-ink)}
.m360fs-spots{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:fs}
.m360fs-spots li{position:relative;padding:10px 12px 10px 46px;border-radius:12px;background:var(--fs-soft);display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;counter-increment:fs}
.m360fs-spots li::before{content:counter(fs);position:absolute;left:12px;top:11px;width:24px;height:24px;border-radius:50%;background:#ffe27a;color:#1d2f3c;font-weight:700;font-size:13px;display:grid;place-items:center}
.m360fs-spots small{flex-basis:100%;color:var(--fs-mut)}
.m360fs-alt,.m360fs-km{color:var(--fs-mut);font-size:14px}
.m360fs-km{font-weight:600;color:var(--fs-acc)}
.m360fs-sunh{font-size:14px;color:#8a6300}
.m360fs-tablewrap{overflow-x:auto}
.m360fs-table{width:100%;border-collapse:collapse;font-size:15px}
.m360fs-table th,.m360fs-table td{padding:7px 8px;border-bottom:1px solid var(--fs-line);text-align:left;white-space:nowrap}
.m360fs-table thead th{font-size:13px;color:var(--fs-mut);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.m360fs-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:13.5px}
.m360fs-pill--ok{background:#e6f4ec;color:var(--fs-green)}
.m360fs-pill--mid{background:#fff4d6;color:#8a6300}
.m360fs-pill--gray{background:#e8ecef;color:#4d5d68}
.m360fs-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.m360fs-chip{padding:6px 12px;border-radius:999px;font-size:14px;background:var(--fs-soft);border:1px solid var(--fs-line)}
.m360fs-chip--sun,.m360fs-chip--clear{background:#fff6d6;border-color:#f5dc8b}
.m360fs-chip--gray{background:#eceff1;border-color:#d5dce1}
.m360fs-note{color:var(--fs-mut);margin:-6px 0 12px}
.m360fs-empty{color:var(--fs-mut)}
.m360fs-actions{display:flex;flex-wrap:wrap;gap:12px}
.m360fs-btn{appearance:none;display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--fs-acc);color:var(--fs-acc);background:#fff;border-radius:999px;padding:11px 20px;font:inherit;font-weight:600;font-size:15px;cursor:pointer;text-decoration:none}
.m360fs-btn--primary{background:var(--fs-acc);color:#fff}
.m360fs-btn:disabled{opacity:.6}
.m360fs-explain{background:var(--fs-soft);border-radius:18px;padding:24px 26px;line-height:1.6}
.m360fs-explain h3{margin-top:0}
.m360fs-explain details{border-top:1px solid var(--fs-line);padding:12px 0}
.m360fs-explain summary{cursor:pointer;font-weight:600}
@media (max-width:820px){
  .m360fs-grid{grid-template-columns:1fr}
  .m360fs-head{padding:22px 18px 4px}
  .m360fs-time{padding:12px 18px 4px}
  .m360fs-meta{padding:6px 18px 18px}
  .m360fs-stage{aspect-ratio:auto;height:300px}
  .m360fs .fs-name{font-size:19px}
  .m360fs .fs-alt{font-size:16px}
  .m360fs-card{padding:18px}
}
@media (prefers-reduced-motion:reduce){.m360fs .fs-wave--a,.m360fs .fs-wave--b,.m360fs .fs-halo{animation:none}.m360fs .fs-fog{transition:none}}
