/* Trapwise Premium 2026: shared racing-intelligence language across Strategy / Value. */
/* Uses existing first-party greyhound artwork; no external assets or fonts. */
.tw-premium-hero{
 --accent:#c9f76a; --accent-rgb:201,247,106;
 position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);
 align-items:stretch;gap:12px;min-height:238px;margin:0 0 12px;padding:29px 33px 25px;
 border:1px solid #3e5941;border-radius:17px;overflow:hidden;
 background:linear-gradient(106deg,#14272d 0%,#112029 48%,#122329 100%);
 box-shadow:0 15px 55px rgba(0,0,0,.16),inset 0 1px 0 rgba(234,255,233,.06)
}
.tw-premium-hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
 background:linear-gradient(100deg,#0d1c26f7 0%,#0d1c26ed 44%,#0b1b24af 100%),
 url('/assets/greyhound-racing-hero.webp') center 48%/cover no-repeat;opacity:.74}
.tw-premium-hero::after{content:"";position:absolute;right:-85px;bottom:-175px;width:520px;height:520px;
 border:1px solid rgba(var(--accent-rgb),.15);border-radius:50%;box-shadow:0 0 0 55px rgba(var(--accent-rgb),.027),0 0 0 115px rgba(var(--accent-rgb),.015);z-index:-1;pointer-events:none}
.tw-premium-hero.strategy-hero{--accent:#c9f76a;--accent-rgb:201,247,106;border-color:#405a42}
.tw-premium-hero.value-hero{--accent:#79dce8;--accent-rgb:121,220,232;border-color:#305c70}
.tw-hero-copy{z-index:1;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.tw-hero-overline{color:var(--accent);font-weight:850;font-size:10px;letter-spacing:1.7px;line-height:1.6}
.tw-hero-overline i{display:inline-block;margin-right:8px;height:7px;width:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 14px rgba(var(--accent-rgb),.65)}
.tw-hero-overline b{font-weight:700;color:#95aeb6;letter-spacing:1px}
.tw-premium-hero h2{font-size:clamp(32px,3.35vw,49px);font-weight:830;line-height:1.04;letter-spacing:-1.9px;margin:12px 0 11px;color:#f5fbfd}
.tw-premium-hero h2 em{font-style:normal;color:var(--accent)}
.tw-premium-hero .tw-hero-copy>p{font-size:12px;line-height:1.65;color:#adc3c8;max-width:520px;margin:0}
.tw-hero-signals{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:25px;align-items:center}
.tw-hero-signals span{font-size:10px;color:#c2d4ce;white-space:nowrap}
.tw-hero-signals span b{color:var(--accent);font-size:9px;margin-right:5px}
.tw-hero-signals .tw-hero-alerts{color:#a4bcc4;border-left:1px solid #536a68;padding-left:14px}
.tw-hero-signals .tw-hero-alerts i{display:inline-block;background:var(--accent);width:6px;height:6px;border-radius:50%;margin-right:7px}
.tw-hero-art{position:relative;min-height:185px;display:flex;align-items:center;justify-content:center;overflow:visible}
.tw-hero-art img{width:min(100%,430px);height:auto;max-height:212px;object-fit:contain;position:relative;z-index:2;
 filter:drop-shadow(0 16px 25px #0009) drop-shadow(0 0 10px rgba(var(--accent-rgb),.13));opacity:.91}
.strategy-hero .tw-hero-art img{filter:hue-rotate(-62deg) saturate(1.4) drop-shadow(0 15px 22px #0009) drop-shadow(0 0 13px #c8f76a35)}
.tw-art-ring{position:absolute;border:1px solid rgba(var(--accent-rgb),.2);border-radius:50%;width:225px;height:225px;right:13%;top:50%;transform:translateY(-50%) rotate(-12deg)}
.tw-art-ring.ring-two{width:310px;height:135px;right:2%;border-color:rgba(var(--accent-rgb),.13);transform:translateY(-50%) rotate(-20deg)}
.tw-art-foot{position:absolute;bottom:7px;right:0;letter-spacing:2px;font-size:9px;font-weight:750;color:rgba(var(--accent-rgb),.67);white-space:nowrap}
.tw-assurance-line{display:flex;align-items:center;gap:17px;border:1px solid #334d3b;background:#11221d;border-radius:9px;
 padding:11px 15px;margin-bottom:14px;color:#b5cdc0;font-size:11px;line-height:1.55}
.tw-assurance-line .tw-assurance-label{font-size:10px;font-weight:900;letter-spacing:1.3px;white-space:nowrap;color:#c9f76a}
.tw-assurance-line strong{color:#dff4d4}
.tw-assurance-state{margin-left:auto;white-space:nowrap;padding:5px 8px;border:1px solid #47634c;border-radius:6px;
 color:#bddca5;font-size:9px;font-weight:850;letter-spacing:1px}
.tw-assurance-line.value-assurance{border-color:#305765;background:#0f2833;color:#b8d2db}
.value-assurance .tw-assurance-label,.value-assurance strong{color:#92e8f2}
.value-assurance .tw-assurance-state{border-color:#437c8a;color:#b1e8f0}
.tw-strategy-spotlight{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(240px,1.3fr) minmax(410px,1.55fr);
 align-items:center;gap:12px;border:1px solid #37533f;background:linear-gradient(105deg,#152b28,#102029 67%,#14272b);
 border-radius:12px;padding:13px 15px;margin:0 0 14px;box-shadow:inset 3px 0 #c9f76a}
.tw-spotlight-tag{display:flex;align-items:center;gap:12px;min-width:0;font-size:10px;font-weight:900;letter-spacing:.8px;color:#d2f69d}
.tw-spotlight-tag small{display:block;font-size:9px;letter-spacing:0;font-weight:500;line-height:1.5;color:#8fa99c;margin-top:3px}
.tw-spotlight-symbol{font-size:23px;color:#c9f76a}
.tw-spotlight-selection{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 14px;border-left:1px solid #385247;min-width:0}
.tw-spotlight-name{display:flex;align-items:center;gap:9px;min-width:0}
.tw-spotlight-name>span:last-child{min-width:0}
.tw-spotlight-name b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tw-spotlight-name small{display:block;font-size:10px;color:#97ada9;margin-top:4px}
.tw-spotlight-stars{font-size:24px;font-weight:900;color:#c9f76a;text-align:center;line-height:1}
.tw-spotlight-stars small{display:block;color:#98b68d;font-size:8px;letter-spacing:.8px;white-space:nowrap}
.tw-spotlight-info{display:flex;justify-content:flex-end;align-items:center;gap:13px}
.tw-spotlight-info>span{display:grid;gap:3px;min-width:58px}
.tw-spotlight-info small{color:#829b9b;font-size:8px;letter-spacing:.8px}
.tw-spotlight-info b{font-size:14px;white-space:nowrap}
.tw-spotlight-info button{min-height:42px;padding:9px 12px;background:#c9f76a;color:#16261a;border:0;border-radius:8px;
 font-weight:850;font-size:10px;white-space:nowrap}
.tw-spotlight-info button:hover{background:#e0ffa4}
.tw-spotlight-info button:focus-visible{outline:2px solid #f0ffdb;outline-offset:2px}
.tw-watchlist-heading{margin-top:23px}
.tw-watchlist-heading h2{font-size:22px;letter-spacing:-.7px}
.tw-value-discovery{display:flex;justify-content:space-between;align-items:center;gap:22px;border:1px solid #2e4851;
 background:linear-gradient(110deg,#12252d,#101e27);border-radius:11px;padding:16px 20px;margin-top:19px}
.tw-value-discovery div{display:grid;gap:4px}
.tw-value-discovery b{font-size:12px}
.tw-value-discovery span{font-size:11px;color:#8da9b4;line-height:1.5}
.tw-value-discovery button{color:#9ce6f1;border:1px solid #497b8d;background:#17323d;border-radius:8px;min-height:39px;
 padding:9px 14px;font-size:10px;white-space:nowrap;font-weight:800}
.tw-value-discovery button:hover{background:#225062}

/* Value Finder: consistent core branding, distinct cyan intelligence layer. */
.value-active .topbar{border-bottom-color:#243e48}
.value-active .page-heading{display:none!important}
.value-active .content{padding-top:19px}
.value-active .content>.notice:not(.error-notice),.value-active .legacy-metrics{display:none!important}
.value-active .nav-button.nav-value.active{background:#143240;border-color:#3c8298;color:#a7ecf3}
.value-active .value-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end;
 margin-bottom:13px;border:1px solid #31566a;background:#0f1e2a;padding:15px 18px}
.value-active .value-controls label{min-width:0;flex:none;display:grid;gap:7px}
.value-active .value-controls select{min-width:0;height:43px;border:1px solid #345363;border-radius:8px;background:#0a1923}
.value-active .value-controls .tw-value-sort select{border-color:#548e9d;color:#e6faff}
.value-active .value-controls .tw-value-sort{color:#9de9f2}
.value-active .value-kpis{gap:10px;margin-bottom:23px}
.value-active .value-kpis>div{background:#11222d;border:1px solid #2b4b59;padding:15px 18px;border-radius:10px}
.value-active .value-kpis b{font-size:24px;letter-spacing:-.8px}
.value-active .value-kpis small{font-size:9px}
.value-active .value-opportunity-grid{gap:12px}
.value-active .value-opportunity{border-radius:12px;background:#101f29;border-color:#315263;box-shadow:inset 0 1px rgba(255,255,255,.015)}
.value-active .value-opportunity:hover{border-color:#6ab5c8}
.value-active .value-opportunity.first-opportunity{border-color:#487d8b}
.value-active .value-opportunity-top{padding:16px 18px 14px}
.value-active .value-opportunity-top strong{font-size:16px;letter-spacing:-.35px}
.value-active .value-stars{padding:8px 10px;background:#143845;border-color:#3d788b}
.value-active .value-stars>b{font-size:20px}
.value-active .value-opportunity-metrics{border-color:#2b4753}
.value-active .value-opportunity-metrics>div{padding:10px 11px}
.value-active .value-opportunity-metrics b{font-size:15px}
.value-active .value-opportunity>p{padding:11px 18px;font-size:10px}
.value-active .value-opportunity-footer{padding:11px 18px;background:#132936}
.value-active .value-opportunity-footer>span{display:flex;gap:6px;align-items:center;line-height:1.4}
.value-active .value-opportunity-footer>span i{width:6px;height:6px;border-radius:50%;background:#74d9de;box-shadow:0 0 8px #74d9de;flex-shrink:0}
.value-active .value-opportunity-footer a{border-radius:7px;font-size:10px;padding:9px 13px;box-shadow:0 3px 13px #0003}
.value-active .value-opportunities>.value-feed-heading{margin-bottom:14px}
.value-active .value-opportunities>.value-feed-heading h2{font-size:22px;font-weight:780}
.tw-value-highlights{display:grid;gap:12px;border:1px solid #33677b;background:linear-gradient(108deg,#143442,#102631);
 padding:17px 20px;border-radius:12px;margin-bottom:13px}
.tw-highlight-title{display:flex;align-items:center;gap:13px}
.tw-highlight-title>div{flex:1;min-width:0}
.tw-highlight-medal{height:40px;width:40px;display:grid;place-items:center;border-radius:10px;border:1px solid #538998;
 background:#245465;color:#9cf1ee;font-size:20px}
.tw-highlight-title h3{font-size:18px;letter-spacing:-.5px;margin:4px 0}
.tw-highlight-title p{font-size:10px;color:#96b6c1}
.tw-highlight-counter{padding:8px 10px;font-size:10px;color:#d7f8fb;background:#1c4958;border:1px solid #538797;border-radius:8px;white-space:nowrap}
.tw-highlight-winners{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tw-winner{display:flex;gap:11px;align-items:center;border:1px solid #335b6a;background:#0e2530;padding:12px;border-radius:9px;min-width:0}
.tw-winner-icon{display:grid;place-items:center;flex-shrink:0;border:1px solid #4a8995;background:#184954;color:#99edf2;width:30px;height:30px;border-radius:50%;font-size:14px}
.tw-winner>span:nth-child(2){display:grid;gap:4px;min-width:0;flex:1}
.tw-winner b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tw-winner small{font-size:9px;color:#91b4be;line-height:1.4}
.tw-winner>strong{font-size:16px;color:#b6f6ef;white-space:nowrap;text-align:right}
.tw-winner strong small{display:block;font-size:8px;letter-spacing:.7px}
.tw-highlight-footnote{font-size:9px;color:#89adba}
.tw-value-highlights.quiet{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 19px;background:#102936;border-color:#2c5364}
.tw-value-highlights.quiet h3{font-size:15px;margin:3px 0}
.tw-value-highlights.quiet h3>.trap{vertical-align:middle}
.tw-value-highlights.quiet p{font-size:11px;color:#9fb8c4;line-height:1.5}
.tw-next-off-label{color:#88d8e4;border:1px solid #39798d;padding:7px 12px;border-radius:20px;font-size:9px;font-weight:850;white-space:nowrap}
.tw-return-strategy{margin:20px 0 0;text-align:center;font-size:11px;color:#829faa;padding:13px;border-top:1px solid #284653}
.tw-return-strategy button{color:#a7e9f0;border:0;background:none;font-weight:800;cursor:pointer;padding:5px}
.tw-return-strategy button:hover{text-decoration:underline}
.value-active .value-disclaimer{margin-top:12px;line-height:1.75}

/* Accessibility and graceful scaling */
@media(max-width:1310px){
 .tw-strategy-spotlight{grid-template-columns:1fr 1.1fr}
 .tw-spotlight-info{grid-column:1/-1;justify-content:space-between;border-top:1px solid #345146;padding-top:11px}
}
@media(max-width:1030px){
 .tw-premium-hero{grid-template-columns:minmax(0,1.2fr) minmax(190px,.8fr);padding:24px 24px;min-height:215px}
 .tw-hero-art img{max-height:175px}
 .tw-hero-signals{gap:8px}
 .tw-hero-signals span{font-size:9px}
 .tw-assurance-state{display:none}
 .value-active .value-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tw-highlight-winners{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 .tw-premium-hero{padding:21px 20px 17px;grid-template-columns:1fr;min-height:0;gap:2px}
 .tw-premium-hero h2{font-size:36px;letter-spacing:-1.8px;margin:9px 0}
 .tw-hero-copy{z-index:2}
 .tw-hero-overline{font-size:8px}
 .tw-hero-overline b{display:none}
 .tw-premium-hero .tw-hero-copy>p{font-size:11px;max-width:340px}
 .tw-hero-signals{margin-top:16px;gap:5px 10px}
 .tw-hero-signals span{font-size:9px}
 .tw-hero-signals .tw-hero-alerts{border:0;padding:0}
 .tw-hero-art{min-height:108px;max-height:112px;justify-content:flex-end;overflow:hidden}
 .tw-hero-art img{height:154px;max-width:270px;width:85%;margin-right:-3px;transform:translateY(-17px)}
 .tw-art-ring{width:150px;height:150px}
 .tw-art-ring.ring-two{width:220px;height:90px}
 .tw-art-foot{bottom:3px;right:6px;font-size:7px;letter-spacing:1px}
 .tw-assurance-line{gap:9px;align-items:flex-start;flex-direction:column;padding:10px 13px;font-size:10px}
 .tw-strategy-spotlight{grid-template-columns:1fr;gap:11px;padding:13px}
 .tw-spotlight-selection{border-left:0;border-top:1px solid #365145;padding:11px 0 0}
 .tw-spotlight-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;grid-column:auto;margin:0}
 .tw-spotlight-info button{grid-column:1/-1;width:100%}
 .tw-watchlist-heading h2{font-size:19px}
 .tw-value-discovery{flex-direction:column;align-items:flex-start;gap:11px;padding:13px}
 .tw-value-discovery button{width:100%}
 .value-active .content{padding-top:12px}
 .value-active .value-controls{padding:11px;gap:8px}
 .value-active .value-controls label{font-size:9px}
 .value-active .value-controls label select{height:41px;font-size:11px}
 .value-active .value-kpis>div{padding:11px}
 .value-active .value-kpis b{font-size:18px}
 .value-active .value-kpis small,.value-active .value-kpis span{font-size:9px}
 .tw-highlight-title{align-items:flex-start}
 .tw-highlight-counter{font-size:9px}
 .tw-highlight-winners{grid-template-columns:1fr}
 .tw-winner strong{margin-left:auto}
 .tw-value-highlights.quiet{align-items:flex-start;flex-direction:column}
}
@media(max-width:370px){
 .tw-premium-hero h2{font-size:31px}
 .tw-hero-signals{gap:6px}
 .tw-hero-signals span{white-space:normal}
 .value-active .value-controls{grid-template-columns:1fr}
 .tw-highlight-title{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
 .tw-premium-hero *, .tw-strategy-spotlight *, .value-opportunity *{animation:none!important;transition:none!important}
}