/* PMR Fishing Conditions page — dark helm (mock3 v5) */
.fish-bleed{background:#0D2E3C;color:#F6F3EC}
.fish-bleed .pgh{max-width:1140px;margin:0 auto;padding:26px 22px 6px}
.fish-bleed .pgh .kick{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#2E97BC;font-weight:700}
.fish-bleed .pgh h1{font-family:'Playfair Display',serif;font-size:34px;color:#fff;margin:2px 0 0}
.fish-bleed .pgh .sub{font-size:13.5px;font-weight:600;color:#A8C6D4;margin-top:3px}
.fwrap{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch;padding:14px 22px}
.mod{background:#134459;border:1px solid #1D6B8A;border-radius:12px;padding:14px}
.mod.full{grid-column:1 / -1}
.mod.m7{grid-column:1 / -1}
.cap{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#9FC4D3;margin-bottom:10px;font-weight:700}
.verd{text-align:center}
.led{width:130px;height:130px;margin:4px auto 8px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#eafff3}
.led .w{font-weight:700;font-size:24px;letter-spacing:1px}
.led .s{font-size:11.5px;font-weight:600;opacity:.85}
.led-good{background:radial-gradient(circle at 38% 32%, #46c584, #1d7a4c 65%, #145638);box-shadow:0 0 24px rgba(70,197,132,.5), inset 0 2px 8px rgba(255,255,255,.28)}
.led-fair{background:radial-gradient(circle at 38% 32%, #e6c366, #b8860b 65%, #8a6508);box-shadow:0 0 24px rgba(216,164,55,.45), inset 0 2px 8px rgba(255,255,255,.28);color:#fff8e6}
.led-slow{background:radial-gradient(circle at 38% 32%, #e07b6a, #a83a2b 65%, #7c2a1f);box-shadow:0 0 24px rgba(192,57,43,.4), inset 0 2px 8px rgba(255,255,255,.24);color:#ffefec}
.led-standby{background:radial-gradient(circle at 38% 32%, #9fb8c4, #5d7c8a 65%, #425964);box-shadow:0 0 18px rgba(143,182,198,.3), inset 0 2px 8px rgba(255,255,255,.22);color:#f2f7f9}
.when{font-size:14px;font-weight:600;color:#BFD8E2}
.vin{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:12.5px;font-weight:600;color:#A8C6D4}
.vin span b{color:#E6EDEA;font-weight:600}
.gaugerow{display:flex;gap:10px}
.g{flex:1;text-align:center;background:#0F3849;border:1px solid #1D6B8A;border-radius:10px;padding:12px 4px 10px}
/* dial: green LEFT -> amber -> red RIGHT (needle swings right as it gets harder to fish) */
.dial{width:92px;height:50px;margin:0 auto;border-radius:92px 92px 0 0;position:relative;overflow:hidden;
background:conic-gradient(from 270deg at 50% 100%, #2e8b57 0 62deg, #67b26f 62deg 90deg, #d8a437 90deg 122deg, #c66b33 122deg 145deg, #c0392b 145deg 180deg)}
/* inner cutout turns the wedge into an arc ring */
.dial:before{content:'';position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);width:66px;height:66px;border-radius:50%;background:#0F3849;box-shadow:0 0 10px rgba(0,0,0,.35) inset}
/* tick marks over the band */
.dial .tk{position:absolute;inset:0;background:repeating-conic-gradient(from 250deg at 50% 100%, transparent 0 19deg, rgba(13,46,60,.85) 19deg 20deg);pointer-events:none}
.dial:after{content:'';position:absolute;left:50%;bottom:-2px;width:3px;height:44px;background:linear-gradient(#fff,#cfe4ee);transform-origin:bottom center;transform:translateX(-50%) rotate(var(--ang,0deg));border-radius:2px;box-shadow:0 0 4px rgba(255,255,255,.55);z-index:2}
/* needle hub */
.dial .hub{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%, #e8f2f7, #7fa2b2 70%, #4d6b79);border:1px solid #16404f;z-index:3}
.g .v{font-size:17px;font-weight:700;color:#fff;margin-top:8px}
.g .l{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#8FB6C6;margin-top:1px}
.strip{display:flex;flex-direction:column}
.st{display:flex;justify-content:space-between;padding:9px 2px;border-bottom:1px solid #17546C;font-size:14px}
.st:last-child{border:none}
.st .n{color:#E6EDEA;font-weight:600}
.st .n b{color:#fff}
.st .d{color:#B7CFD9;font-weight:600;font-variant-numeric:tabular-nums}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#46c584;margin-right:7px;box-shadow:0 0 6px #46c584}
.dot.stale{background:#8FB6C6;box-shadow:none}
.fish-bleed table{width:100%;border-collapse:collapse;font-size:14px}
.fish-bleed th{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#8FB6C6;text-align:left;padding:4px 6px;border-bottom:1px solid #1D6B8A}
.fish-bleed td{padding:8px 6px;border-bottom:1px solid #17546C;color:#E6EDEA;font-weight:600}
.maj{color:#46c584;font-weight:700}
.fbar{height:34px;background:#0F3849;border-radius:7px;position:relative;margin-top:6px;overflow:hidden}
.fbar .seg{position:absolute;top:0;bottom:0;background:rgba(70,197,132,.45);border-left:1px solid #46c584;border-right:1px solid #46c584}
.fbar .now{position:absolute;top:-3px;bottom:-3px;width:2px;background:#ffd25e}
.bl{display:flex;justify-content:space-between;font-size:10.5px;font-weight:600;color:#8FB6C6;margin-top:3px}

/* Tide module */
.tidebox{position:relative;height:130px;background:#0F3849;border:1px solid #1D6B8A;border-radius:7px;overflow:hidden}
.t-ax{position:absolute;left:0;top:14px;bottom:0;width:32px;border-right:1px solid #17546C}
.t-ax span{position:absolute;right:7px;transform:translateY(-50%);font-size:10.5px;font-weight:700;color:#8FB6C6;font-variant-numeric:tabular-nums}
.t-plot{position:absolute;left:32px;right:0;top:0;bottom:0}
.tidesvg{position:absolute;inset:14px 0 0 0;width:100%;height:calc(100% - 14px)}
.t-band{fill:rgba(46,151,188,.26);stroke:#2E97BC;stroke-width:.6;vector-effect:non-scaling-stroke;stroke-dasharray:3 3;opacity:.95}
.t-grid{stroke:#17546C;stroke-width:.5;vector-effect:non-scaling-stroke;opacity:.7}
.t-act{fill:none;stroke:#46c584;stroke-width:1.6;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px rgba(70,197,132,.5))}
.t-msl{stroke:#17546C;stroke-width:1;vector-effect:non-scaling-stroke}
.t-now{stroke:#ffd25e;stroke-width:1.4;vector-effect:non-scaling-stroke}
.t-ev{position:absolute;top:1px;transform:translateX(-50%);font-size:10px;font-weight:700;color:#8FB6C6;letter-spacing:.5px;white-space:nowrap}
.t-bl{padding-left:32px}
.t-key{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;font-size:11.5px;font-weight:600;color:#A8C6D4;margin-top:8px}
.t-key i{display:inline-block;width:16px;height:0;vertical-align:middle;margin-right:5px}
.t-key .k-band{height:9px;background:rgba(46,151,188,.26);border:1px dashed #2E97BC}
.t-key .k-act{border-top:2px solid #46c584}
.t-gap{font-size:14.5px;font-weight:600;color:#e6c366;text-align:center;margin-top:9px}
.fc{display:flex;gap:6px;text-align:center}
.fd{flex:1;background:#0F3849;border:1px solid #1D6B8A;border-radius:8px;padding:8px 2px}
.fd .dy{font-size:11px;font-weight:700;color:#8FB6C6;text-transform:uppercase}
.fd .ic{font-size:18px;margin:3px 0}
.fd .t{font-size:16px;font-weight:700;color:#fff}
.fd .lo{font-size:12px;color:#8FB6C6;font-weight:600}
.fd .l2{font-size:11px;font-weight:600;color:#8FB6C6;margin-top:1px}
.fd .rn{font-size:11px;color:#5FB6D8;margin-top:2px;font-weight:600}
.fd .wd{font-size:11px;color:#B7CFD9;margin-top:2px;font-weight:700}
.mnote{font-size:12.5px;font-weight:600;color:#8FB6C6;margin-top:8px}
.report-lead-f{font-size:14.5px;color:#BFD8E2;line-height:1.55;margin:0 0 14px;border-left:3px solid #2E97BC;padding-left:12px}
.spgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px 22px}
.sp{background:#0F3849;border:1px solid #1D6B8A;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.spx{display:block;width:100%;height:280px;object-fit:contain;background:#0B2C3A;border-bottom:1px solid #1D6B8A}
.sp-body{padding:12px 14px 14px}
.sp-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sp h3{font-size:17px;color:#fff;margin:0}
.sp-head .on{margin-top:0;flex:none}
.sp p{font-size:13px;color:#C4D8E0;line-height:1.5;margin-top:6px}
.on{display:inline-block;background:rgba(70,197,132,.15);border:1px solid #2e8b57;color:#46c584;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:3px;letter-spacing:1px;margin-top:4px}
.on-PRIME{background:rgba(70,197,132,.25);border-color:#46c584;color:#7fe0ab}
.on-STEADY{border-color:#8FB6C6;color:#B7CFD9;background:rgba(143,182,198,.12)}
.on-BUILDING{border-color:#d8a437;color:#e6c366;background:rgba(216,164,55,.12)}
.on-SLOW{border-color:#a85f52;color:#dd9484;background:rgba(192,57,43,.12)}
.on-CLOSED{border-color:#c0392b;color:#e08a7c;background:rgba(192,57,43,.2)}
.fish-past{background:#0F3849;border:1px solid #1D6B8A;border-radius:8px;padding:12px 16px;margin:10px 0}
.t-nums{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:10px;font-size:13.5px;font-weight:600;color:#8FB6C6}
.t-nums b{color:#fff;font-size:14.5px;margin-left:4px}
.t-fit{font-size:12.5px;font-weight:600;color:#6E97A9;margin-top:6px}
.fish-past summary{font-family:'Playfair Display',serif;color:#BFD8E2;font-size:17px;font-weight:600;cursor:pointer}
.fish-past .report-lead-f{margin-top:12px}
.fish-past h4{color:#fff;font-size:14.5px;margin:10px 0 2px}
.fish-past p{font-size:13.5px;color:#B7CFD9;line-height:1.5}
.src{font-size:11px;color:#6E97A9;text-align:center;padding:4px 16px 4px;line-height:1.5;max-width:1140px;margin:0 auto}
.kept{font-size:12.5px;color:#8FB6C6;text-align:center;padding:0 20px 20px;max-width:1140px;margin:0 auto}
.kept a{color:#BFD8E2}
.fish-bleed{overflow-x:clip}
@media(max-width:860px){
.fwrap,.pgh,.src,.kept{max-width:100vw}

.fwrap{grid-template-columns:1fr;padding:12px 14px}
.fish-bleed .pgh{padding:18px 16px 4px}
.fish-bleed .pgh .kick{white-space:nowrap;font-size:clamp(8.5px,2.9vw,12px);letter-spacing:clamp(1px,0.6vw,3px)}
.fish-bleed .pgh h1{font-size:26px}
.spgrid{grid-template-columns:1fr;gap:16px}
.spx{height:220px}
.led{width:120px;height:120px}
.gaugerow{gap:6px}
.g{padding:10px 2px 8px}
.dial{width:min(74px,90%);height:40px}
.dial:after{height:34px}
.dial:before{width:50px;height:50px;bottom:-25px}
.g .v{font-size:15px}
.fd .t{font-size:12px}
/* mobile module order per mock3 v5 chrome: species before 5 day forecast */
.mod.m6t{order:5}.mod.m1{order:1}.mod.m2{order:2}.mod.m3{order:3}.mod.m4{order:4}.mod.m5{order:5}.mod.m6{order:7}.mod.m7{order:6}.mod.m8{order:8}
}