/* ---- type.css ---- */
/* type refresh: self-hosted Inter variable */
@font-face{font-family:"InterV";src:url("/fonts/InterV.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#0b2540;--ink2:#4a6274;--line:#e3ecf1}
html,body,button,input,select,textarea,table,.r,h1,h2,h3,h4,.logo small,nav,nav a{font-family:"InterV",Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important}
body{font-feature-settings:"cv11","ss01","calt";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ink);font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}
h1,h1.r{font-weight:650!important;letter-spacing:-.025em!important;line-height:1.1!important}
h2,h2.r,h3,h3.r,h4{font-weight:600!important;letter-spacing:-.015em!important;line-height:1.2!important}
h1{font-size:clamp(28px,4.2vw,40px)!important}h2{font-size:22px!important}h3{font-size:17px!important}h4{font-size:15px!important}
p.r,.r:not(h1):not(h2):not(h3):not(h4):not(span){font-weight:600!important;font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--ink2)}
p.r a{color:var(--ink)!important;text-decoration:none!important;letter-spacing:-.005em;text-transform:none;font-size:14px;font-weight:600;border-bottom:1.5px solid #9fd3e6}
.mut,.cap,small{color:var(--ink2)}
.cap{font-size:12px!important;margin-top:6px}
b,strong{font-weight:600}
table,td,.bc,[class*=sn] .bm,.brl b,.brl small,.fc,.fc td{font-variant-numeric:tabular-nums}
td,th{font-feature-settings:"tnum"}
th{font-weight:600!important;font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase;color:var(--ink2)!important}
.card{border-color:var(--line)!important;box-shadow:0 1px 2px rgba(11,37,64,.04)!important}
.wrap{padding-top:28px;padding-bottom:28px}
/* header: wordmark + nav */
nav .logo .r{font-family:"InterV",Inter,system-ui,sans-serif!important;font-weight:700!important;letter-spacing:-.03em!important;font-size:22px!important;text-transform:none!important;color:#06223d!important}
nav .logo small{font-weight:600!important;letter-spacing:.18em!important;font-size:9px!important;opacity:.85}
nav .nl a{font-weight:500!important;font-size:14px!important;letter-spacing:-.005em!important;text-transform:none!important;padding:6px 12px!important;border-radius:999px;transition:background .15s}
nav .nl a:hover{background:rgba(255,255,255,.45)}
nav .nl a[aria-current=page]{background:rgba(255,255,255,.75);color:#06223d!important;font-weight:600!important}
nav .free .af{font-family:"InterV",Inter,sans-serif!important;font-style:normal!important;font-weight:600!important;font-size:10px!important;letter-spacing:.14em!important;text-transform:uppercase}
nav .don{font-weight:600!important;font-size:11px!important;letter-spacing:.08em!important;border-radius:999px!important}
nav .srch{border-radius:999px!important}
nav .srch input{font-size:13px!important}
@media(max-width:900px){nav .logo .r{font-size:16.5px!important;white-space:nowrap}nav .free{gap:6px!important}nav .free .af{font-size:8.5px!important;letter-spacing:.06em!important}nav .don{font-size:10px!important;padding:3px 9px!important}nav .nl a:first-child{margin-left:-10px}nav .nl a{font-size:13px!important;padding:5px 10px!important}.wrap{padding-top:20px;padding-bottom:20px}h1{font-size:28px!important}}
/* ===== polish pass 2 ===== */
:root{--ink:#0b2540;--ink2:#53697a;--ink3:#8197a6;--line:#e6eef3;--tint:#f3f8fb;--tint2:#e8f3f9;--acc:#1a7fa8;--accd:#0b4a7a;--r:16px;--sh:0 1px 2px rgba(11,37,64,.05),0 4px 16px rgba(11,37,64,.05)}
body{background:#fbfdfe!important}
a{color:var(--accd);text-underline-offset:3px}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,.camthumb:focus-visible{outline:2px solid var(--acc)!important;outline-offset:2px;border-radius:10px}
.card,.bxw details.bx0,details.card{border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:var(--sh)!important;background:#fff!important;padding:20px 20px!important}
.bxw details.bx0{padding:0!important}
.bxw details details{box-shadow:none!important;border-color:var(--line)!important;background:var(--tint)!important}
.bxw details details details{background:#fff!important}
.card h2,.card h3{margin-top:0!important}
/* eyebrow labels */
.card>p.mut[style*="letter-spacing"],.brl>p.mut,.snews>p.mut{font-size:11px!important;font-weight:600!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--acc)!important;margin:2px 0 10px!important}
/* best lefts/rights ranked rows */
.brl ol{list-style:none;margin:0;padding:0}
.brl li{border-top:1px solid var(--line)!important;padding:11px 0!important}
.brl li:first-child{border-top:0!important}
.brl .bn{font-weight:700!important;font-size:13px!important;color:var(--acc)!important;font-variant-numeric:tabular-nums;width:22px;height:22px;border-radius:50%;background:var(--tint2);display:inline-flex!important;align-items:center;justify-content:center}
.brl li>a b{font-weight:600!important;color:var(--ink)!important}
.brl .bm{color:var(--ink2)!important;font-size:12px!important}
.brl .bm b{display:inline-block;background:var(--tint2);color:var(--accd)!important;border-radius:999px;padding:1px 8px;font-weight:600!important;font-size:12px;margin-right:2px}
.bcam{width:14px;height:11px}
/* news */
.snews ol{list-style:none;padding:0;margin:0}
.snews li{border-top:1px solid var(--line)}.snews li:first-child{border-top:0}
.snews .snr{padding:12px 0!important;text-decoration:none!important}
.snews .snt{border-radius:12px!important}
.snews .snx b{font-weight:600!important;color:var(--ink)!important;line-height:1.35}
.snews .snr:hover .snx b{color:var(--acc)!important}
.snews .bm{font-size:12px!important;color:var(--ink3)!important}
.snp,.snk{border-radius:999px!important;font-weight:600!important;letter-spacing:.06em!important}
/* forecast table */
table.fct,table.gt,table{border-collapse:collapse!important;width:100%}
table.fct tr,table.fct td,table.fct th,table.gt td,table.gt th{background:transparent!important;border:0!important}
table.fct td,table.gt td{border-top:1px solid var(--line)!important;padding:10px 8px!important;font-size:13.5px;color:var(--ink)}
table.fct th,table.gt th{padding:8px!important;border-bottom:1px solid var(--line)!important}
table.fct tr.dr td{background:transparent!important;border-top:0!important;padding:18px 8px 6px!important;font-size:11px!important;font-weight:600!important;letter-spacing:.12em;text-transform:uppercase;color:var(--acc)!important}
table.fct td b{font-weight:650}
.wq{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;font-size:11px!important;font-weight:600;background:#eef2f5;color:#5d6f7c!important;white-space:nowrap}
.wq.wq-off{background:#e2f5ea;color:#17784a!important}.wq.wq-glassy{background:#e3f2fa;color:#0f6a95!important}.wq.wq-cross{background:#fdf4dd;color:#8a6410!important}.wq.wq-on{background:#fbe9e9;color:#a23a3a!important}
/* buttons, pills, inputs */
.btn,button.btn{border-radius:999px!important;font-weight:600!important;letter-spacing:.02em!important;text-transform:none!important;padding:9px 20px!important;box-shadow:0 1px 2px rgba(11,37,64,.15)!important}
input:not([type=checkbox]),textarea{border:1px solid #d5e3ea!important;border-radius:12px!important;font-size:15px!important;padding:10px 12px!important;background:#fff!important}
.camthumb{border-radius:14px!important;border:1px solid var(--line)!important;box-shadow:var(--sh)!important;overflow:hidden}
.camthumb.on{border-color:var(--acc)!important;box-shadow:0 0 0 2px rgba(26,127,168,.25)!important}
.camthumb b{font-weight:600!important}
.live{border-radius:6px!important;font-weight:700!important;letter-spacing:.06em!important;font-size:11px!important}
details.more>summary,details.card>summary{list-style:none}
.bc{font-variant-numeric:tabular-nums;font-weight:600!important}
/* spot page header + breadcrumbs */
.band:not(.hero){background:var(--tint)!important;border-bottom:1px solid var(--line)}
.band p.mut{font-size:11px!important;font-weight:600;letter-spacing:.1em!important;color:var(--ink3)!important}
.band p.mut a{color:var(--acc)!important;text-decoration:none}
/* footer */
footer{font-size:12px!important;line-height:1.7!important;padding:28px 24px!important;color:#cfe6f1!important}
footer .r{font-weight:700!important;letter-spacing:-.01em!important;color:#fff!important;font-size:13px!important;text-transform:none!important}
/* video frames */
iframe,[id=mp],.wrap>div[style*="position:relative"]{border-radius:14px;overflow:hidden}
.wrap>div[style*="position:relative"]{border:0!important;box-shadow:0 6px 24px rgba(11,37,64,.12)}
p.r[style*="font-size:48px"]{font-size:44px!important;font-weight:700!important;letter-spacing:-.03em!important;text-transform:none!important;color:var(--acc)!important;line-height:1.05!important}
p.r[style*="font-size:48px"] span{font-size:18px!important;font-weight:600}
@media(max-width:900px){.brl.card{padding:14px 12px!important}.brl .bm b{padding:0 6px;font-size:11.5px}.brl .bn{width:20px;height:20px;font-size:12px!important}.card{padding:16px!important}}

/* ---- consolidate.css ---- */
nav{position:relative;background:linear-gradient(180deg,#c2410c 0%,#ea580c 20%,#f97316 40%,#f59e0b 62%,#fcd34d 82%,#fde68a 100%)!important;color:#0b2540!important;padding:12px 48px 58px!important;flex-wrap:wrap}
nav:after{content:'';position:absolute;left:0;right:0;bottom:0;height:40%;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='14' viewBox='0 0 120 14'><path d='M0 14 V7 Q15 0 30 5 Q45 10 60 5 Q75 0 90 5 Q105 10 120 7 V14Z' fill='%2337c6cf'/></svg>") top left/120px 14px repeat-x,linear-gradient(180deg,transparent 0 10px,#37c6cf 10px,#1a9bb5 30%,#0f6f9a 55%,#0b4a7a 78%,#082c52 100%);pointer-events:none}
nav .logo,nav>a,nav .nl a{color:#0b2540!important}nav .logo small{color:#fff!important}
nav .free{border:0!important}nav .free .af{color:#fff!important;font-weight:700}nav a.don{border-color:#0b2540!important;color:#0b2540!important;background:#ffffffb0}
nav .srch{background:#ffffffd9!important;border:0;position:relative;z-index:1}
.band{background:#f2f8fa!important;padding:16px 48px 14px!important;border-bottom:1px solid #d5e4ea}.band:after{display:none!important}
@media(max-width:900px){nav{padding:8px 14px 54px!important;padding-top:max(8px,env(safe-area-inset-top))!important;gap:3px 10px!important}.band{padding:10px 16px!important}.band h1{font-size:24px!important}}

/* ---- polish.css ---- */
body{width:auto!important;font-size:15px;line-height:1.5;-webkit-text-size-adjust:100%}
.card{border:1px solid #dde8ee!important;border-radius:12px!important;box-shadow:0 1px 3px rgba(11,37,64,.06);padding:16px}
.cap{margin-top:8px;font-size:13px;line-height:1.4}.cap a.mut{display:block;font-size:12px;color:#6b8594}
details.more>summary,details.vd>summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:15px}
details.more>summary::-webkit-details-marker,details.vd>summary::-webkit-details-marker{display:none}
details.more>summary:after,details.vd>summary:after{content:'+';font-size:20px;color:#1a7fa8}details[open].more>summary:after,details[open].vd>summary:after{content:'−'}
details.more>summary h2,details.vd>summary h2{margin:0;font-size:18px}
details.more p.mut{font-size:13px;margin:4px 0 0}
table.fct td,table.fct th{padding:6px 4px;border-bottom:1px solid #e6eef2}table.fct th{letter-spacing:1px}
table.fct tr.dr td{text-align:left;font-weight:700;background:#f2f8fa;padding:6px 8px}
.vcol{columns:2;column-gap:30px}
.btn{min-height:44px;display:inline-flex!important;align-items:center}
@media(max-width:900px){
 .wrap{padding:16px!important}.wrap+.wrap{padding-top:0!important}
 .grid{gap:16px!important}
 h1{font-size:22px!important;line-height:1.2}h2{font-size:18px!important;margin-bottom:8px}h3{font-size:16px}
 .r:not(nav .r){letter-spacing:0!important;text-transform:none!important}
 .mut[style*="letter-spacing"],p.mut[style*="letter-spacing:2px"]{letter-spacing:.5px!important;font-size:12px!important}
 .card{padding:16px!important}
 nav .nl a{min-height:36px;display:inline-flex;align-items:center}
 .band{padding:12px 16px!important}.band p.mut{font-size:12px!important;letter-spacing:.5px!important}
 table{font-size:13px}td,th{padding:8px 4px!important}
 table.fct{font-size:12.5px}table.fct .wq{display:none}table.fct .tc{display:none}
 table:not(.fct) td:nth-child(2),table:not(.fct) th:nth-child(2){display:none}
 table:not(.fct) td{text-align:left!important}table:not(.fct) td:last-child{text-align:right!important;white-space:nowrap;font-size:12px}
 .vcol{columns:1}.vote label{min-height:40px;display:flex!important;align-items:center;gap:8px}
 .camthumb{min-height:44px}
 p.r[style*="letter-spacing:3px"]{letter-spacing:.5px!important;font-size:15px!important}
}
.spotgrid>.grid{align-content:start;align-items:start}
@media(max-width:900px){nav .logo small{display:none}}
.tiles .cap{display:none}.tiles>div>div{height:auto!important;aspect-ratio:16/9}.tiles>div>a.r{font-family:inherit;font-size:14px;margin-top:6px!important}
@media(max-width:900px){.tiles{gap:12px!important}.tiles>div>a.r{font-size:13px}}
/* sky header + setting sun (Brad, 11:29) */
nav{background:linear-gradient(180deg,#bfe6f7 0%,#a6daf2 35%,#7cc8ea 60%,#dff3fb 60%)!important;overflow:hidden}
nav:after{z-index:1;background:linear-gradient(180deg,#e9f8fd 0 2px,transparent 2px),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='14' viewBox='0 0 120 14'><path d='M0 14 V7 Q15 0 30 5 Q45 10 60 5 Q75 0 90 5 Q105 10 120 7 V14Z' fill='%2337c6cf'/></svg>") 0 2px/120px 14px repeat-x,linear-gradient(180deg,transparent 0 12px,#37c6cf 12px,#1a9bb5 30%,#0f6f9a 55%,#0b4a7a 78%,#082c52 100%)!important}
nav:before{content:'';position:absolute;z-index:0;right:16%;bottom:calc(40% - 30px);width:76px;height:76px;border-radius:50%;background:radial-gradient(circle,#fff3c4 0%,#fbbf24 38%,#f97316 70%,#ea580c 100%);box-shadow:0 0 28px 12px rgba(251,191,36,.45);pointer-events:none}
nav>*{position:relative;z-index:2}
nav .logo small{color:#0b4a7a!important}nav .free .af{color:#c2410c!important;text-shadow:none}nav a.don{background:#ffffffcc}
nav .srch{width:120px!important;min-width:0;margin-left:auto;transition:width .25s ease;border-radius:20px!important;background:#ffffffe6!important;box-shadow:0 1px 3px rgba(11,37,64,.15)}
nav .srch:focus-within,nav .srch:has(input:not(:placeholder-shown)){width:320px!important}
nav .srch input{min-height:34px;padding:6px 12px!important}
@media(max-width:900px){nav:before{right:12%;width:64px;height:64px;bottom:calc(40% - 26px)}nav .srch{width:120px!important;justify-self:start;margin:2px 0 0!important}nav .srch:focus-within,nav .srch:has(input:not(:placeholder-shown)){width:100%!important}}
nav .srch{z-index:3!important}
@media(max-width:900px){nav{padding-bottom:78px!important}}
@media(max-width:900px){.wrap.band+.wrap{padding-top:16px!important}}
/* thin abstract header (Brad, 11:33) */
nav{background:#e3f4fb!important;padding:10px 48px 30px!important;gap:20px!important;overflow:hidden}
nav:after{height:18px!important;background:linear-gradient(180deg,#7cc8ea 0 4px,#2a9fc4 4px 9px,#0f6f9a 9px 14px,#0b4a7a 14px 18px)!important}
nav:before{width:26px!important;height:26px!important;right:15%!important;bottom:5px!important;background:#f59e0b!important;box-shadow:none!important}
nav .logo{font-size:20px!important}nav .logo svg{width:32px;height:auto}nav .logo small{display:none}
nav .srch{width:110px!important}
@media(max-width:900px){
 nav{display:grid!important;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:4px 10px!important;padding:8px 14px 26px!important;padding-top:max(8px,env(safe-area-inset-top))!important;align-items:center}
 nav .logo{grid-column:1;grid-row:1;font-size:18px!important}nav .logo svg{width:28px}
 nav .free{grid-column:2!important;grid-row:1!important;justify-content:flex-end!important}nav .free .af{font-size:11px}
 nav .srch{grid-column:3!important;grid-row:1!important;width:92px!important;margin:0!important;justify-self:end}
 nav .srch input{min-height:30px;padding:4px 10px!important;font-size:13px}
 nav .srch:focus-within,nav .srch:has(input:not(:placeholder-shown)){position:absolute!important;left:14px;right:14px;top:max(8px,env(safe-area-inset-top));width:auto!important;z-index:5!important}
 nav .nl{grid-column:1/4!important;grid-row:2!important;gap:18px!important}nav .nl a{min-height:32px!important;font-size:11px!important}
}
@media(max-width:900px){nav .free{flex-direction:row!important;align-items:center!important;gap:6px!important}
 nav .srch:focus-within,nav .srch:has(input:not(:placeholder-shown)){left:14px!important;right:auto!important;width:calc(100% - 28px)!important;grid-column:auto!important}}
@media(max-width:900px){nav .free .af{font-size:10px}nav a.don{padding:1px 8px!important;font-size:9px!important}
 nav .srch:focus-within,nav .srch:has(input:not(:placeholder-shown)){position:relative!important;left:auto!important;top:auto!important;width:100%!important;grid-column:1/4!important}
 nav:has(.srch:focus-within) .logo,nav:has(.srch:focus-within) .free,nav:has(.srch input:not(:placeholder-shown)) .logo,nav:has(.srch input:not(:placeholder-shown)) .free{display:none!important}}
@media(max-width:900px){nav .free{flex-wrap:nowrap!important;white-space:nowrap}nav .srch{width:84px!important}}
@media(max-width:900px){nav .srch{width:100px!important}nav .srch input{padding:4px 8px!important}}

.gco{margin-bottom:10px}.gco>summary h2 small,.gst>summary h3 small{font-size:13px;font-weight:600}.gst{border-top:1px solid #e3eef2;padding:2px 0}.gst>summary h3{margin:0;font-size:16px}.gsub{margin:10px 0 4px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#1a7fa8}table.gt{width:100%;margin-bottom:6px}table.gt td:last-child,table.gt th:last-child{text-align:right;width:70px}
/* wordmark logo fit */
nav .logo{white-space:nowrap}
@media(max-width:480px){nav .logo{font-size:16px!important;gap:6px}nav .logo svg{width:24px}}
/* collapsed search bubble fits at 390px */
@media(max-width:900px){nav{grid-template-columns:auto minmax(0,1fr) auto!important;overflow:hidden}
 nav .srch{width:40px!important;min-width:40px;overflow:hidden;border-radius:20px}
 nav .srch input{padding:4px 0 4px 11px!important}
 nav .srch:focus-within,nav .srch:has(input:not(:placeholder-shown)){width:100%!important;overflow:visible}
 nav .srch:focus-within input,nav .srch:has(input:not(:placeholder-shown)) input{padding:4px 12px!important}}
/* comments */
.cmt{margin-top:14px}.cmf{display:grid;gap:8px;margin:8px 0 12px}.cmf input,.cmf textarea{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid #c9d6de;border-radius:8px;font:inherit;font-size:14px;color:#1d3b4f;background:#fff;resize:vertical}
.cmf .hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}.cmr{display:flex;justify-content:space-between;align-items:center;gap:10px}.cmr .cmm{font-size:12px}.cmr .btn{border:0;cursor:pointer}
.cmi{border-top:1px solid #e3eef2;padding:9px 0}.cmh{font-size:13px}.cmi p{margin:3px 0 0;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}

.cmrep{float:right;background:none;border:0;padding:0;font:inherit;font-size:11px;color:#8aa0ad;cursor:pointer}.cmrep:hover{text-decoration:underline}span.cmrep{cursor:default}
/* collapsed search: icon only */
@media(max-width:900px){nav .srch{position:relative}
 nav .srch:before{content:'🔍';position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font-size:14px;pointer-events:none}
 nav .srch input::placeholder{color:transparent}
 nav .srch:focus-within:before,nav .srch:has(input:not(:placeholder-shown)):before{display:none}
 nav .srch:focus-within input::placeholder{color:#5a7584}}
/* deeper sky header (Brad 12:39) */
nav{background:linear-gradient(180deg,#7cc8ec 0%,#5bb4e5 100%)!important}
nav .logo,nav>a,nav .nl a{color:#0b2540!important}nav .free .af{color:#0b2540!important}
/* darker sea band, crisp horizon (Brad 2:00) */
nav:after{background:linear-gradient(180deg,#2f8fc4 0 5px,#1f74a8 5px 10px,#125e8e 10px 14px,#0b4a7a 14px 18px)!important}

/* best right/left now */
.brlw{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:760px){.brlw{grid-template-columns:1fr 1fr}}
.brl h2{margin:0}.brl ol{list-style:none;margin:0;padding:0}.brl li{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:2px 8px;padding:8px 0;border-top:1px solid #e3eef2;font-size:14px}
.brl li a{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brl .bcam{grid-column:3;grid-row:1}.brl .bn{grid-row:1/3;font-weight:800;color:#1a7fa8;font-size:15px}.brl .bm{grid-column:2/4;font-size:12px;color:#5a7584}

/* best R/L v2: two columns everywhere, system-ui type */
.brlw{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important}
.brl,.brl *{font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif!important}
.brl{padding:12px 12px 6px!important;min-width:0}
.brl h2{font-size:16px!important;font-weight:800!important;letter-spacing:-.02em!important;line-height:1.15;color:#0b2540!important;text-transform:none!important}
.brl h2+p{font-size:10.5px!important;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#1a7fa8!important;margin:3px 0 6px!important}
.brl li{grid-template-columns:16px minmax(0,1fr) auto!important;gap:1px 6px!important;padding:7px 0!important;font-size:13px!important}
.brl .bn{font-size:12px!important;font-weight:800;color:#1a7fa8;font-variant-numeric:tabular-nums}
.brl li a{color:#0b2540!important;text-decoration:none}.brl li a b{font-weight:650}
.brl .bm{font-size:11px!important;color:#5a7584!important;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brl .bm b{color:#0b4a7a;font-weight:700}
.brl .bcam{width:13px;height:10px}
@media(min-width:760px){.brl{padding:16px 18px 8px!important}.brl h2{font-size:20px!important}.brl li{font-size:15px!important}.brl .bm{font-size:12.5px!important}}

/* surf news */
.snews{margin-bottom:12px}.snews li{grid-template-columns:minmax(0,1fr)!important}
.snews li a b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.3}
.sncon{border-top:1px solid #dbe8f0;padding:9px 0 6px;display:grid;gap:2px}
.snk{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1a7fa8}
.sncon a{color:#0b2540;text-decoration:none;font-size:13px}.sncon a b{font-weight:650;line-height:1.3}
.snp{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:#1a7fa8;border-radius:4px;padding:1px 5px;margin-right:2px;vertical-align:1px}
.snews li{display:block!important;text-align:left}.snews li a,.snews li .bm{display:block}.snews li .bm{margin-top:2px}
.sncon{grid-template-columns:minmax(0,1fr)!important;text-align:left}.sncon a,.sncon .bm{display:block}
/* news v2 thumbs */
.snews li{display:block!important;padding:8px 0!important}
.snr{display:grid!important;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:start;text-align:left;color:#0b2540!important;text-decoration:none}
.snt{width:64px;height:64px;border-radius:10px;object-fit:cover;background:linear-gradient(135deg,#0b4a7a,#1a7fa8);color:#fff;font-weight:800;font-size:24px;display:flex;align-items:center;justify-content:center}
.snx{display:flex;flex-direction:column;gap:2px;min-width:0}.snx>b{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-weight:650;line-height:1.3}
.snx .snk{display:block}
.snx .bm{display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snx .bm b{display:inline!important;-webkit-line-clamp:unset}.snx .bm .snp{display:inline-block!important}

/* news thumbs */
.snews .snr{grid-template-columns:72px minmax(0,1fr)!important;gap:12px!important}
.snt{width:72px!important;height:72px!important;flex:none;object-fit:cover}.snt.ph,.np .th.ph{background:linear-gradient(160deg,#9fd8f0,#4fb0dc 55%,#1a7fa8)!important}

/* navpill fix: active pill must not clip at left edge on phones */
@media(max-width:900px){body nav .nl{display:flex!important;justify-content:space-between!important;gap:4px!important;margin:0!important;padding:0!important;min-width:0}body nav .nl a:first-child{margin-left:0!important}body nav .nl a{padding:5px 10px!important;white-space:nowrap}}
@media(max-width:400px){body nav .nl a{padding:5px 8px!important}}

/* logo E: shrink on phones */
@media(max-width:480px){nav .logo svg{width:168px!important}}

/* search fix 2026-10-30: no datalist, contained suggestions, no iOS zoom */
html,body{overflow-x:clip;max-width:100%}nav .srch{max-width:100%;box-sizing:border-box}nav:focus-within{overflow:visible!important}nav:focus-within .srch{overflow:visible!important}
nav .srch .sug{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:50;list-style:none;margin:0;padding:4px 0;background:#fff;border:1px solid #d6e4ea;border-radius:12px;box-shadow:0 8px 24px rgba(11,37,64,.18);max-height:60vh;overflow-y:auto;display:none;text-align:left}
nav .srch .sug a{display:block;text-transform:none!important;letter-spacing:0!important;font-weight:600;padding:9px 14px;font-size:15px;color:#0b4a7a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav .srch .sug a:hover{background:#eef6f9}
@media(max-width:900px){nav .srch input{font-size:16px!important}}

/* gold donate A3 (Brad roll-out 2026-10-30) */
nav a.don,nav a.don:hover{background:linear-gradient(180deg,#fcc24a,#f59e0b)!important;color:#0b2540!important;border-color:#d97706!important;border-radius:10px!important;font-weight:800!important;box-shadow:0 1px 1px rgba(146,64,14,.25),0 3px 8px rgba(146,64,14,.16),inset 0 1px 0 rgba(255,255,255,.5)}
nav a.don{transition:transform .18s ease,box-shadow .18s ease}nav a.don .ht{display:inline-block;color:#c2410c;margin-right:4px}
nav a.don:hover,nav a.don.hov{transform:translateY(-2px);box-shadow:0 2px 3px rgba(146,64,14,.2),0 8px 18px rgba(146,64,14,.26),inset 0 1px 0 rgba(255,255,255,.55)!important}
nav a.don:hover .ht{animation:hp 1.1s ease-in-out infinite}@keyframes hp{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
nav a.don:focus-visible{outline:3px solid #0b4a7a;outline-offset:2px}
@media(prefers-reduced-motion:reduce){nav a.don,nav a.don .ht{transition:none!important;animation:none!important}nav a.don:hover{transform:none}}nav a.don{box-sizing:border-box!important;width:79px!important;padding-left:0!important;padding-right:0!important;letter-spacing:1px!important;display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap}nav a.don .ht{letter-spacing:0;margin-right:3px;font-size:.95em}
@media(max-width:900px){nav a.don{width:61.73px!important;letter-spacing:.6px!important}nav a.don .ht{margin-right:2px}}
/* donate text fix v2 2026-10-30: content-sized, padded, taller */
nav a.don,nav a.don:hover{font-weight:700!important}
nav a.don{width:auto!important;min-width:0!important;font-size:10.5px!important;line-height:1!important;letter-spacing:.06em!important;padding:6.25px 11px 6.75px calc(11px + .06em)!important;gap:4px;flex:0 0 auto}
nav a.don .ht{margin-right:0!important;font-size:.9em;line-height:1;position:relative;top:-.03em}
@media(max-width:900px){nav a.don{font-size:8.5px!important;letter-spacing:.04em!important;padding:4.5px 7.5px 5px calc(7.5px + .04em)!important;gap:3px}}
@media(max-width:380px){nav .free{gap:4px!important}nav .free .af{letter-spacing:.02em!important}nav .logo svg{width:146px!important}nav .free .af{font-size:8px!important}}