/* ===== 2026 Yacht Maintenance Cost Guide (site #1 theme) ===== */
.gpage main{background:var(--mist)}
.gpage .nav-links a.nl-guide,.nav-links a.nl-guide{color:#8fb0ff;opacity:1}
.gback{display:none;align-items:center;gap:6px;font-weight:600;font-size:14px;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.45)}
.gback:hover,.gback:focus-visible{background:#fff;color:var(--ink)}
.ghero{position:relative;overflow:hidden;color:#fff;background:#000;padding:150px clamp(20px,6vw,90px) 70px;min-height:min(78vh,760px);display:flex;align-items:flex-end}
.ghero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,24,.94),rgba(2,8,24,.6) 60%,rgba(2,8,24,.35)),linear-gradient(0deg,rgba(2,8,24,.9),rgba(2,8,24,0) 45%),url(/frames/hero/d/001.webp) center/cover}
.ghero-in{position:relative;max-width:900px;width:100%;margin:0 auto 0 0}
.ghero h1{font-size:clamp(38px,6vw,78px);line-height:1.02;letter-spacing:-.035em;font-weight:800;margin:4px 0 18px}
.glede{font-size:clamp(16px,1.6vw,20px);opacity:.9;max-width:640px;line-height:1.6}
.gtoc{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.gtoc a{font-size:13px;font-weight:600;padding:8px 14px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(3,3,3,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:.2s}
.gtoc a:hover,.gtoc a:focus-visible{background:#fff;color:var(--ink);border-color:#fff}
.gbody{max-width:1040px;margin:0 auto;padding:30px clamp(18px,4vw,40px) 90px;color:var(--ink)}
.gsec{padding:56px 0;border-bottom:1px solid #dfe5f1;scroll-margin-top:80px}
.gsec .gcat{max-width:none;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
.gsec h2,.gcta h2{font-size:clamp(28px,3.4vw,44px);line-height:1.08;letter-spacing:-.025em;font-weight:800;margin:0 0 16px}
.gsec p{color:#3a4458;line-height:1.7;font-size:16.5px;max-width:780px;margin-bottom:12px}
.gsec strong{color:var(--blue);font-weight:700}
.gnote{font-size:13.5px!important;color:#5a6377!important;border-left:3px solid var(--blue);padding:2px 0 2px 12px;margin-top:16px}
.gtbl{overflow-x:auto;margin:22px 0 6px;border-radius:16px;background:#fff;border:1px solid #dfe5f1;box-shadow:0 18px 40px -24px rgba(2,55,161,.35)}
.gtbl table{width:100%;border-collapse:collapse}
.gtbl thead th{text-align:left;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:transparent;font-weight:700;padding:16px 20px}
.gtbl thead{background:linear-gradient(120deg,#0237A1,#011a4f)}
.gtbl td{padding:16px 20px;border-bottom:1px solid #edf1f8;font-size:16px;color:#1b2233}
.gtbl tbody tr:nth-child(even) td{background:#f7f9fd}
.gtbl tr:last-child td{border-bottom:0}.gtbl td:first-child{font-weight:700;color:var(--ink)}
.gtbl td:last-child{color:var(--blue);font-weight:600}
#diy .gtbl td:last-child{color:#1b2233;font-weight:500}
.ggrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:22px}
.gcardx{position:relative;padding:24px 24px 22px;border-radius:16px;background:#fff;border:1px solid #dfe5f1;box-shadow:0 18px 40px -28px rgba(2,55,161,.4);transition:transform .25s,box-shadow .25s}
.gcardx::before{content:"";position:absolute;left:24px;top:0;width:44px;height:3px;border-radius:0 0 3px 3px;background:var(--blue)}
.gcardx:hover{transform:translateY(-3px);box-shadow:0 24px 50px -26px rgba(2,55,161,.55)}
.gcardx h3{font-size:18px;margin:4px 0 8px;color:var(--ink)}.gcardx p{font-size:15px;line-height:1.6;margin:0;color:#4a5367}
.gcta{margin-top:64px;padding:52px clamp(22px,5vw,64px);text-align:center;border-radius:22px;color:#fff;background:linear-gradient(140deg,#0237A1 0%,#011a4f 60%,#030303 100%);box-shadow:0 30px 70px -30px rgba(2,55,161,.7)}
.gcta p{color:rgba(255,255,255,.86);max-width:560px;margin:0 auto;font-size:17px}
.gctas{justify-content:center;margin-top:26px}
.gcta .btn{background:#fff;color:var(--blue);border-color:#fff}
.gcta .btn:hover{background:#e8efff;border-color:#e8efff}
.btn-line{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.6)!important}
.btn-line:hover{background:#fff!important;color:var(--ink)!important}
@media (max-width:1180px){.gback{display:inline-flex}}
@media (max-width:720px),(orientation:portrait){.ghero-bg{background:linear-gradient(180deg,rgba(2,8,24,.55),rgba(2,8,24,.92) 70%),url(/frames/hero/m/001.webp) center/cover}}
@media (max-width:720px){
 .ghero{padding:120px 20px 44px;min-height:0}
 .gtoc{gap:7px}.gtoc a{font-size:12.5px;padding:7px 12px}
 .gbody{padding:10px 18px 70px}
 .gsec{padding:42px 0}
 .gsec p{font-size:16px}
 .gtbl th,.gtbl td,.gtbl thead th{padding:13px 14px;font-size:14.5px}
 .gtbl thead th{font-size:10.5px;letter-spacing:.12em}
 .ggrid{grid-template-columns:1fr}
 .gcta{padding:40px 20px}.gctas .btn{flex:1 1 100%}
 .gpage .foot{padding-bottom:96px}
}

/* ===== homepage guide banner (site #1 theme) ===== */
.gban{background:var(--ink);padding:44px clamp(16px,4vw,48px)}
.gban a{display:flex;align-items:center;gap:22px;max-width:1180px;margin:0 auto;padding:24px 30px;border-radius:20px;color:#fff;position:relative;overflow:hidden;
 background:linear-gradient(120deg,#0237A1 0%,#0b2a78 45%,#011a4f 75%,#030303 100%);border:1px solid rgba(143,176,255,.45);box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 24px 60px -24px rgba(26,86,214,.75);transition:transform .3s,box-shadow .3s}
.gban a::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.16) 50%,transparent 60%) -120% 0/60% 100% no-repeat;animation:gshine 4.5s ease-in-out infinite;pointer-events:none}
@keyframes gshine{60%,100%{background-position:220% 0}}
.gban a:hover,.gban a:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(143,176,255,.5) inset,0 30px 70px -20px rgba(26,86,214,.9)}
.gban .gicon{flex:none;width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25)}
.gban .gicon svg{width:28px;height:28px}
.gban .gtxt{min-width:0}
.gban .gtag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.2em;padding:5px 10px;border-radius:999px;background:#fff;color:var(--blue);margin-bottom:8px}
.gban b{display:block;font-size:clamp(19px,2vw,26px);font-weight:800;letter-spacing:-.02em;line-height:1.15}
.gban small{display:block;font-size:14.5px;color:rgba(255,255,255,.8);margin-top:5px}
.gban .go{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--blue);font-weight:700;font-size:15px;padding:13px 22px;border-radius:999px;white-space:nowrap;transition:.25s}
.gban a:hover .go{background:#e8efff}
.gban .go i{font-style:normal;transition:transform .25s}.gban a:hover .go i{transform:translateX(4px)}
@media (max-width:720px){
 .gban{padding:28px 14px}
 .gban a{flex-wrap:wrap;gap:14px;padding:22px 20px}
 .gban .gicon{width:48px;height:48px;border-radius:14px}.gban .gicon svg{width:24px;height:24px}
 .gban .gtxt{flex:1 1 calc(100% - 64px)}
 .gban .go{margin-left:0;flex:1 1 100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.gban a::after{animation:none}}
.menu.open .menu-links a:nth-child(7){transition-delay:.45s}
.menu-links a.ml-guide small{color:#fff}