/* ================= Below Deck Sailing Yacht theme =================
   Golden-hour regatta: deep teal-navy water, sunset coral, sun gold, crisp sailcloth white,
   nautical signal flags and a retro surf-script wordmark. Loaded after styles.css on /sailing/ only. */
body.s-sailing{
  --navy:#06283d; --navy2:#0b3a55; --navy3:#135070; --ink:#fff8ee; --muted:#b8d6df;
  --pink:#ff7a45; --pink2:#ffa27a; --aqua:#3fd8c6; --gold:#ffd166; --coral:#ff5a36; --violet:#7aa7ff; --lime:#c6f432;
  --display:'Lilita One', system-ui, sans-serif; --script:'Shrikhand', cursive; --body:'Nunito', system-ui, -apple-system, sans-serif;
  --sail:#fffaf0; --rope:#d9b98a;
  background:var(--navy);
}
/* splash: daytime golden hour instead of a neon night */
.s-sailing .splash{background:linear-gradient(180deg,#0c3157 0%,#2d6f98 38%,#e9a77a 74%,#ffc58a 88%,#ffd9a6 100%)}
.s-sailing .splash-sky{background:
  radial-gradient(60px 18px at 14% 22%,rgba(255,255,255,.35),transparent 70%),radial-gradient(90px 22px at 22% 20%,rgba(255,255,255,.28),transparent 70%),
  radial-gradient(110px 24px at 78% 16%,rgba(255,255,255,.3),transparent 70%),radial-gradient(70px 18px at 86% 24%,rgba(255,255,255,.25),transparent 70%)}
.sy-sun{position:absolute;left:50%;bottom:120px;width:340px;height:340px;margin-left:-170px;border-radius:50%;z-index:0;
  background:radial-gradient(circle,#fff4c2 0%,#ffd166 35%,rgba(255,138,76,.55) 60%,rgba(255,138,76,0) 72%)}
.sy-flags{position:absolute;top:0;left:-2%;right:-2%;height:46px;display:flex;justify-content:space-between;z-index:2;pointer-events:none;
  transform-origin:top center;animation:flagsway 6s ease-in-out infinite}
.sy-flags::before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:var(--rope);opacity:.8}
.sy-flags i{position:relative;top:7px;width:26px;height:24px;flex:none;background:var(--a);
  background-image:linear-gradient(var(--b),var(--b));background-size:12px 10px;background-position:center;background-repeat:no-repeat;
  box-shadow:0 3px 6px rgba(0,0,0,.18);transform-origin:top center;animation:flutter 2.4s ease-in-out infinite}
.sy-flags i:nth-child(3n){clip-path:polygon(0 0,100% 0,50% 100%)}
.sy-flags i:nth-child(odd){animation-delay:-1.2s}
@keyframes flutter{50%{transform:rotate(4deg) skewX(-3deg)}}
@keyframes flagsway{50%{transform:translateY(2px)}}
.sy-fleet{position:absolute;left:0;right:0;bottom:70px;width:100%;height:170px;z-index:1}
.sy-fleet path{fill:#0c3157;opacity:.55}
.sy-fleet .b1{animation:drift 14s ease-in-out infinite}
.sy-fleet .b2{animation:drift 18s ease-in-out infinite reverse}
.sy-fleet .b3{animation:drift 11s ease-in-out infinite}
@keyframes drift{50%{transform:translateX(18px) translateY(2px)}}
.s-sailing .splash-waves .w1{fill:#1fa3b5;opacity:.6}
.s-sailing .splash-waves .w2{fill:#0c6a86;opacity:.85}
.s-sailing .splash-kicker{color:#fff8ee;opacity:.9}
.s-sailing .splash-kicker b{color:var(--gold)}
.s-sailing .wordmark{font-family:var(--script);font-weight:400;letter-spacing:0;font-size:clamp(54px,12vw,158px);line-height:1;
  color:var(--sail);text-shadow:0 5px 0 #ff7a45,0 10px 0 #0c3157,0 20px 40px rgba(6,40,61,.45);transform:rotate(-4deg)}
.s-sailing .wordmark .mance{color:var(--gold)}
.s-sailing .splash-series{background:#06283d;color:var(--sail);font-family:var(--display);box-shadow:0 4px 0 #ff7a45}
.s-sailing .splash-tag{color:#06283d;font-weight:700}
.s-sailing .splash-tag b{color:#b03a14}
.s-sailing .stat{background:rgba(255,250,240,.72);border-color:rgba(6,40,61,.15)}
.s-sailing .stat b{color:#d4501f}
.s-sailing .stat span{color:#06283d}
.s-sailing .splash-scroll{color:#06283d}
.s-sailing .splash-home{background:rgba(6,40,61,.55)}
.s-sailing .pick-easy{background:linear-gradient(180deg,#fff7e6,#ffd166)}
.s-sailing .pick-deep{background:linear-gradient(180deg,#a9f2e7,#3fd8c6)}
.s-sailing .btn-sail{background:linear-gradient(180deg,#ffb089,#ff7a45);box-shadow:0 6px 0 #a8321e,0 16px 34px rgba(0,0,0,.3);color:#06283d}
/* chrome */
.s-sailing .topbar{background:linear-gradient(180deg,#06283d,#0a3550);border-bottom-color:#ff7a45}
.s-sailing .logo{font-family:var(--script);font-weight:400;font-size:24px;text-shadow:0 3px 0 #ff7a45}
.s-sailing .feed-col{background:linear-gradient(180deg,#0b3a55,#06283d);border-left-color:rgba(255,122,69,.55)}
.s-sailing .card{background:#0d3f5c}
.s-sailing .card.intro{background:linear-gradient(135deg,#ff7a45,#1fb5c4)}
.s-sailing .pc-hero{background:linear-gradient(160deg,var(--dc,#ff7a45) 0%,#0b3a55 75%)}
.s-sailing .ez-hero h2{font-family:var(--script);font-weight:400;text-shadow:0 4px 0 #ff7a45}
.s-sailing .vy-route{stroke:#ffd166;filter:drop-shadow(0 0 8px rgba(255,209,102,.5))}
.s-sailing .vy-dot{background:#0b3a55;box-shadow:0 0 0 6px rgba(6,40,61,.9)}
.s-sailing .ss-stage{background:radial-gradient(120% 90% at 50% 0%,#0f5f7d 0%,#0a3a55 55%,#06283d 100%)}
.s-sailing .ss-water path{stroke:rgba(150,230,240,.16)}
.s-sailing .hud-se .s, .s-sailing .feed-title{color:var(--gold)}
.s-sailing .modal-card{background:linear-gradient(180deg,#0d3f5c,#06283d)}
.s-sailing .credits{background:#041d2d}
@media (max-width:900px){
  .s-sailing .feed-col{border-top-color:rgba(255,122,69,.55)}
  .sy-sun{width:240px;height:240px;margin-left:-120px;bottom:110px}
  .sy-flags i{width:18px;height:17px}
  .s-sailing .logo{font-size:19px}
}
@media (prefers-reduced-motion: reduce){ .sy-flags, .sy-flags i, .sy-fleet g{animation:none} }
@media (max-width:440px){ .s-sailing .logo{font-size:14px;letter-spacing:-.02em} .s-sailing .view-switch button{padding-left:8px;padding-right:8px} }
.s-sailing .drawer{background:linear-gradient(180deg,#0b3a55,#06283d)}