/*
 * Component skins for the Pro plugin shortcodes/widgets/checkout.
 * Extracted verbatim from the inline <style> blocks the templates used to print;
 * loaded once, site-wide, after the compiled Tailwind file (see tss_include_style_script).
 */

/* ==== tipster profile page (shortcodes/tipster/shortcode.php) ==== */
main.main:has(.tsstip){background:var(--tip-band-surface,#f5f7fb)}
.tsstip{font-family:Manrope,system-ui,sans-serif;width:100%;color:var(--tip-ink,#172033)}
.tsstip__inner{max-width:var(--tip-header-content-width,1280px);margin:0 auto;padding:0 var(--tip-header-content-padding,24px);box-sizing:border-box}
@media (max-width:767px){.tsstip__inner{padding:0 16px}}
/* ---- hero ---- */
/* -1px tucks the hero under the fixed header: at fractional devicePixelRatio
the header's bottom edge rounds off and the page background peeks through. */
.tsstip__hero{position:relative;background:linear-gradient(135deg,var(--tip-panel-from,#0b1530) 0%,var(--tip-panel-to,#122b66) 100%);overflow:hidden;margin-top:-1px}
.tsstip__hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(680px 320px at 78% 0%,rgba(var(--tip-panel-glow-rgb,46, 99, 242),.4),transparent 70%)}
.tsstip__crumbs{position:relative;display:flex;align-items:center;gap:8px;padding-top:20px;font-size:12.5px;font-weight:700;color:#9fb0d4}
.tsstip__crumbs a{color:#9fb0d4!important;text-decoration:none;transition:color .2s}
.tsstip__crumbs a:hover{color:#fff!important}
.tsstip__crumbs .material-symbols-outlined{font-size:16px;color:#5f6c85}
.tsstip__crumbs-here{color:#fff}
.tsstip__head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;padding:26px 0 34px}
@media (max-width:1023px){.tsstip__head{grid-template-columns:minmax(0,1fr)}}
.tsstip__who{display:flex;align-items:center;gap:22px}
@media (max-width:640px){.tsstip__who{flex-direction:column;align-items:flex-start;gap:14px}}
.tsstip__avatarwrap{position:relative;flex:none}
.tsstip__avatar{width:96px;height:96px;border-radius:999px!important;object-fit:cover;display:block;border:3px solid rgba(255,255,255,.25);box-sizing:border-box}
.tsstip__verified{position:absolute;right:-2px;bottom:-2px;width:30px;height:30px;border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:center}
.tsstip__verified .material-symbols-outlined{font-size:20px;color:#1458d4}
.tsstip__namerow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tsstip__name{font-size:34px;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.1;margin:0;overflow-wrap:anywhere}
.tsstip__badge{display:inline-flex;align-items:center;gap:5px;padding:5px 13px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.tsstip__badge .material-symbols-outlined{font-size:14px}
.tsstip__badge--premium{background:rgba(245,184,64,.16);border:1px solid rgba(245,184,64,.5);color:#f5c860}
.tsstip__badge--free{background:rgba(34,197,94,.16);border:1px solid rgba(74,222,128,.5);color:#86efac}
.tsstip__tagline{margin-top:8px;font-size:14px;font-weight:600;color:#c2cde4;overflow-wrap:anywhere}
.tsstip__meta{display:flex;align-items:center;gap:16px;margin-top:12px;flex-wrap:wrap}
.tsstip__metaitem{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#9fb0d4}
.tsstip__metaitem .material-symbols-outlined{font-size:16px}
.tsstip__metaitem--verified .material-symbols-outlined{color:#4ade80}
.tsstip__actions{display:flex;gap:10px;flex:none}
.tsstip__actionbtn{display:inline-flex;align-items:center;gap:7px;padding:12px 20px;border-radius:11px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff!important;font-size:13.5px;font-weight:800;font-family:inherit;text-decoration:none;cursor:pointer;transition:background .2s}
.tsstip__actionbtn:hover{background:rgba(255,255,255,.14);color:#fff!important}
.tsstip__actionbtn .material-symbols-outlined{font-size:17px}
.tsstip__actionbtn[disabled]{opacity:.45;cursor:not-allowed}
.tsstip__actionbtn.is-following{background:rgba(74,222,128,.16);border-color:rgba(74,222,128,.5)}
/* ---- stat ribbon ---- */
.tsstip__ribbon{position:relative;background:rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.08)}
.tsstip__ribbongrid{display:grid;grid-template-columns:repeat(5,1fr)}
@media (max-width:767px){.tsstip__ribbongrid{grid-template-columns:repeat(2,1fr)}}
.tsstip__stat{padding:18px 20px;border-right:1px solid rgba(255,255,255,.08)}
.tsstip__stat:last-child{border-right:0}
.tsstip__statvalue{font-size:24px;font-weight:800;color:#fff;line-height:1;overflow-wrap:anywhere}
.tsstip__statvalue--good{color:#4ade80}
.tsstip__statvalue--bad{color:#f87171}
.tsstip__statlabel{margin-top:4px;font-size:10.5px;font-weight:800;letter-spacing:.07em;color:#8fa2c9;text-transform:uppercase}
/* ---- tabs ---- */
.tsstip__tabsbar{background:var(--tip-card,#fff);border-bottom:1px solid var(--tip-hairline,#e2e8f2)}
.tsstip__tabs{display:flex;gap:8px;padding:14px 0;overflow-x:auto}
.tsstip__tab{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:999px;background:var(--tip-inset,#f5f7fb);border:1px solid var(--tip-hairline,#e2e8f2);color:var(--tip-muted-strong,#48566e)!important;font-size:13.5px;font-weight:700;font-family:inherit;text-decoration:none;white-space:nowrap;cursor:pointer;transition:border-color .2s,color .2s}
.tsstip__tab:hover{border-color:var(--tip-color-primary,#1458d4);color:var(--tip-color-primary,#1458d4)!important}
.tsstip__tab .material-symbols-outlined{font-size:17px}
.tsstip__tab.is-active{background:var(--tip-color-primary,#1458d4);border-color:var(--tip-color-primary,#1458d4);color:var(--tip-color-btn-text,#fff)!important;font-weight:800;box-shadow:0 3px 9px rgba(var(--tip-color-primary-rgb,20, 88, 212),.3)}
/* ---- body layout ---- */
.tsstip__body{padding:28px 0 64px}
.tsstip__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
@media (min-width:1024px){.tsstip__layout{grid-template-columns:minmax(0,1fr) 340px}}
.tsstip__main{display:grid;gap:16px;min-width:0}
.tsstip__aside{display:grid;gap:16px;min-width:0}
@media (min-width:1024px){.tsstip__aside{position:sticky;top:140px}}
.tsstip__pane{display:none}
.tsstip__pane.is-active{display:grid;gap:16px}
/* ---- shared card ---- */
.tsstip__card{background:var(--tip-card,#fff);border:1px solid var(--tip-card-border,#d8dee8);border-radius:14px;box-shadow:0 10px 25px rgba(23,32,51,.06);overflow:hidden}
.tsstip__cardpad{padding:22px 24px}
.tsstip__cardtitle{font-size:16px;font-weight:800;color:var(--tip-ink,#172033)}
.tsstip__cardsub{margin-top:3px;font-size:12.5px;color:var(--tip-muted,#627084)}
.tsstip__cardhead{display:flex;align-items:center;gap:8px;padding:16px 18px;border-bottom:1px solid var(--tip-hairline,#eef2f8);font-size:15px;font-weight:800;color:var(--tip-ink,#172033)}
.tsstip__cardhead .material-symbols-outlined{font-size:19px;color:var(--tip-color-primary,#1458d4)}
/* ---- chart card ---- */
.tsstip__chartwrap{margin-top:18px;position:relative;width:100%;height:300px}
.tsstip__chartfoot{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--tip-hairline,#eef2f8)}
@media (max-width:640px){.tsstip__chartfoot{grid-template-columns:repeat(2,1fr)}}
.tsstip__chartstat-label{font-size:10.5px;font-weight:800;letter-spacing:.06em;color:var(--tip-muted,#627084);text-transform:uppercase}
.tsstip__chartstat-value{margin-top:3px;font-size:16px;font-weight:800;color:var(--tip-ink,#172033)}
.tsstip__chartstat-value--good{color:var(--tip-pos-text,#15803d)}
/* ---- markets breakdown ---- */
.tsstip__markets{display:grid;gap:14px;margin-top:16px}
.tsstip__market-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;font-weight:700}
.tsstip__market-name{color:var(--tip-ink,#172033);white-space:nowrap}
.tsstip__market-meta{color:var(--tip-muted,#627084);white-space:nowrap}
.tsstip__market-yield{font-weight:800}
.tsstip__market-yield--good{color:var(--tip-pos-text,#15803d)}
.tsstip__market-yield--bad{color:var(--tip-danger,#c81e3a)}
.tsstip__market-bar{margin-top:6px;height:8px;border-radius:999px;background:var(--tip-hairline,#eef2f8);overflow:hidden}
.tsstip__market-fill{height:100%;background:var(--tip-color-primary,#1458d4)}
/* ---- recent picks table ---- */
.tsstip__pickshead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--tip-hairline,#e7ecf4)}
.tsstip__picksfilters{display:flex;gap:6px}
.tsstip__picksfilter{padding:6px 13px;border-radius:999px;background:var(--tip-inset,#f5f7fb);border:1px solid var(--tip-hairline,#e2e8f2);color:var(--tip-muted,#627084);font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;transition:border-color .2s,color .2s}
.tsstip__picksfilter:hover{border-color:var(--tip-color-primary,#1458d4);color:var(--tip-color-primary,#1458d4)}
.tsstip__picksfilter.is-active{background:var(--tip-color-primary,#1458d4);border-color:var(--tip-color-primary,#1458d4);color:var(--tip-color-btn-text,#fff);font-weight:800}
.tsstip__pickscols{display:grid;grid-template-columns:2.2fr 1.5fr .7fr 1.3fr 44px;gap:12px;padding:11px 20px;background:var(--tip-inset,#f8fafd);border-bottom:1px solid var(--tip-hairline,#e7ecf4)}
.tsstip__pickscol{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--tip-muted,#627084);text-transform:uppercase}
.tsstip__pickrow{display:grid;grid-template-columns:2.2fr 1.5fr .7fr 1.3fr 44px;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--tip-hairline,#eef2f8);transition:background .15s}
.tsstip__pickrow:last-child{border-bottom:0}
.tsstip__pickrow:hover{background:var(--tip-inset,#f8faff)}
@media (max-width:767px){
.tsstip__pickscols{display:none}
.tsstip__pickrow{grid-template-columns:auto auto minmax(0,1fr);grid-auto-rows:auto;row-gap:8px}
.tsstip__pickrow>div:nth-child(1){grid-column:1 / -1;min-width:0}
.tsstip__pickrow>div:nth-child(2){grid-column:1 / -1;min-width:0}
.tsstip__pickrow>div:nth-child(5){justify-content:flex-end !important}
}
.tsstip__pickmatch{display:flex;align-items:center;gap:11px;min-width:0}
.tsstip__pickcrests{display:flex;align-items:center;flex:none}
.tsstip__pickcrests img{width:26px;height:26px;object-fit:contain}
.tsstip__pickcrests img+img{margin-left:-7px}
.tsstip__pickteams{font-size:13px;font-weight:800;color:var(--tip-ink,#172033);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tsstip__picksub{font-size:11px;font-weight:600;color:var(--tip-muted,#627084)}
.tsstip__pickpick{font-size:13px;font-weight:800;color:var(--tip-ink,#172033);overflow-wrap:anywhere}
.tsstip__pickpick.is-locked,.tsstip__pickodds.is-locked{filter:blur(5px);user-select:none}
.tsstip__pickodds{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--tip-tint-bg,#eef4ff);color:var(--tip-color-primary,#1458d4);font-size:12.5px;font-weight:800}
.tsstip__pickstatus{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800}
.tsstip__pickstatus .material-symbols-outlined{font-size:13px}
.tsstip__pickstatus--won{background:var(--tip-pos-bg,#f0fdf4);border:1px solid var(--tip-pos-border,#bbe8c8);color:var(--tip-pos-text,#15803d)}
.tsstip__pickstatus--lost{background:var(--tip-neg-bg,#fdeeee);border:1px solid var(--tip-neg-border,#f5c6c6);color:var(--tip-neg-text,#b91c1c)}
.tsstip__pickstatus--open{background:var(--tip-tint-bg,#eef4ff);border:1px solid var(--tip-tint-border,#cfe0ff);color:var(--tip-tint-text,#0f3f99)}
.tsstip__pickstatus--live{background:var(--tip-neg-bg,#fdeeee);border:1px solid var(--tip-neg-border,#f5c6c6);color:var(--tip-neg-text,#b91c1c)}
.tsstip__pickstatus--void{background:var(--tip-inset,#f3f5f9);border:1px solid var(--tip-hairline-strong,#dbe2ec);color:var(--tip-muted-strong,#48566e)}
.tsstip__pickstatus--half{background:var(--tip-warn-bg,#fff7e0);border:1px solid var(--tip-warn-border,#f2dfa4);color:var(--tip-warn-text,#8a6511)}
.tsstip__pickstatus--premium{background:var(--tip-warn-bg,#fff7e0);border:1px solid var(--tip-warn-border,#f2dfa4);color:var(--tip-warn-text,#8a6511)}
.tsstip__pickstatus--halfwon{background:var(--tip-tint-bg,#eef4ff);border:1px solid var(--tip-tint-border,#cfe0ff);color:var(--tip-tint-text,#0f3f99)}
.tsstip__pickgo{width:30px;height:30px;border-radius:999px;background:var(--tip-inset,#f0f3f9);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .2s}
.tsstip__pickgo .material-symbols-outlined{font-size:16px;color:var(--tip-muted,#627084);transition:color .2s}
.tsstip__pickgo:hover{background:var(--tip-color-primary,#1458d4)}
.tsstip__pickgo:hover .material-symbols-outlined{color:#fff}
.tsstip__picksempty{padding:18px 20px;font-size:13px;font-style:italic;color:var(--tip-faint,#8b97ab)}
/* ---- sidebar: subscription box (paid) ---- */
.tsstip__subbox{position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,var(--tip-panel-from,#0b1530) 0%,var(--tip-panel-to,#122b66) 100%);box-shadow:0 8px 20px rgba(var(--tip-panel-glow-rgb,46, 99, 242),.4)}
.tsstip__subbox::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(300px 200px at 85% 0%,rgba(var(--tip-panel-glow-rgb,46, 99, 242),.4),transparent 70%)}
.tsstip__subboxin{position:relative;padding:24px}
.tsstip__subchip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(245,184,64,.16);border:1px solid rgba(245,184,64,.5);color:#f5c860;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.tsstip__subchip .material-symbols-outlined{font-size:13px}
.tsstip__pricerow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}
.tsstip__subbox .sub_price{font-size:36px;font-weight:800;color:#fff;line-height:1}
.tsstip__subbox .tss_days{appearance:none;background:rgba(255,255,255,.08) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%239fb0d4'%3E%3Cpath d='M5.5 7.5l4.5 4.5 4.5-4.5z'/%3E%3C/svg%3E") no-repeat right 8px center/16px;border:1px solid rgba(255,255,255,.18);border-radius:9px;color:#fff;font-family:inherit;font-size:13px;font-weight:700;padding:8px 30px 8px 12px;cursor:pointer}
.tsstip__subbox .tss_days option{color:#172033}
.tsstip__subnote{margin-top:4px;font-size:12.5px;color:#9fb0d4}
.tsstip__subperks{display:grid;gap:10px;margin-top:18px}
.tsstip__subperks .flex,.tsstip__subperks>div{display:flex;align-items:center;gap:9px}
.tsstip__subperks .material-symbols-outlined{font-size:17px;color:#4ade80}
.tsstip__subperks span,.tsstip__subperks p{font-size:13px;font-weight:600;color:#e7edfa;margin:0}
/* subscribe button variants keep their legacy state classes */
.tsstip__subbox .tss_subscribe,.tsstip__subbox .tss_login_btn,.tsstip__subbox .js--tsl-login-popup,.tsstip__subbox .tsstip__subbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:20px;padding:14px 0;border:0;border-radius:11px;background:#fff;color:var(--tip-color-primary-end,#0f3f99)!important;font-family:inherit;font-size:14.5px;font-weight:800;text-decoration:none;cursor:pointer;transition:background .2s;box-sizing:border-box}
.tsstip__subbox .tss_subscribe:hover,.tsstip__subbox .tss_login_btn:hover,.tsstip__subbox .js--tsl-login-popup:hover{background:var(--tip-tint-bg,#eaf0fa);color:var(--tip-color-primary-end,#0f3f99)!important}
.tsstip__subbox .tss_subscribe[disabled]{opacity:.55;cursor:not-allowed}
.tsstip__subbox .tss_subscribe .material-symbols-outlined,.tsstip__subbox .js--tsl-login-popup .material-symbols-outlined,.tsstip__subbox .tss_login_btn .material-symbols-outlined{font-size:18px!important}
.tsstip__subbox .tsstip__subbtn--subscribed{background:rgba(74,222,128,.16);border:1px solid rgba(74,222,128,.5);color:#86efac!important;cursor:default}
.tsstip__subsafe{margin-top:12px;text-align:center;font-size:11.5px;color:#8fa2c9}
.tsstip__subbreak{margin-top:10px;text-align:center;font-size:11.5px;color:#f5c860}
/* ---- sidebar: free follow box ---- */
.tsstip__freebox{background:var(--tip-card,#fff);border:1px solid var(--tip-card-border,#d8dee8);border-radius:14px;padding:24px;box-shadow:0 10px 25px rgba(23,32,51,.06);text-align:center}
.tsstip__freeicon{width:56px;height:56px;border-radius:15px;background:var(--tip-pos-bg,#f0fdf4);display:inline-flex;align-items:center;justify-content:center}
.tsstip__freeicon .material-symbols-outlined{font-size:28px;color:var(--tip-pos-text,#15803d)}
.tsstip__freetitle{margin-top:14px;font-size:19px;font-weight:800;color:var(--tip-ink,#172033)}
.tsstip__freetext{margin-top:6px;font-size:13.5px;line-height:1.55;color:var(--tip-muted,#627084)}
.tsstip__freefollow{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:18px;padding:14px 0;border:0;border-radius:11px;background:var(--tip-color-primary,#1458d4);color:var(--tip-color-btn-text,#fff)!important;font-family:inherit;font-size:14px;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 3px 9px rgba(var(--tip-color-primary-rgb,20, 88, 212),.3);transition:background .2s;box-sizing:border-box}
.tsstip__freefollow:hover{background:var(--tip-color-primary-end,#0f3f99);color:var(--tip-color-btn-text,#fff)!important}
.tsstip__freefollow[disabled]{opacity:.5;cursor:not-allowed}
.tsstip__freefollow.is-following{background:var(--tip-pos-text,#15803d)}
.tsstip__freefollow .material-symbols-outlined{font-size:18px}
.tsstip__freenote{margin-top:12px;font-size:11.5px;color:var(--tip-faint,#8b97ab)}
/* ---- sidebar: recent form ---- */
.tsstip__form{display:flex;gap:6px;flex-wrap:wrap}
.tsstip__formbox{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.tsstip__formbox--w{background:var(--tip-pos-bg,#f0fdf4);border:1px solid var(--tip-pos-border,#bbe8c8);color:var(--tip-pos-text,#15803d)}
.tsstip__formbox--l{background:var(--tip-neg-bg,#fdeeee);border:1px solid var(--tip-neg-border,#f5c6c6);color:var(--tip-neg-text,#b91c1c)}
.tsstip__formbox--half{background:var(--tip-tint-bg,#eef4ff);border:1px solid var(--tip-tint-border,#cfe0ff);color:var(--tip-tint-text,#0f3f99);font-size:11px}
.tsstip__formbox--void{background:var(--tip-inset,#f3f5f9);border:1px solid var(--tip-hairline-strong,#dbe2ec);color:var(--tip-muted-strong,#48566e)}
.tsstip__formsummary{margin-top:12px;font-size:12.5px;font-weight:700;color:var(--tip-muted,#627084)}
.tsstip__formsummary b{color:var(--tip-pos-text,#15803d);font-weight:800}
/* ---- sidebar: preferred bookmaker ---- */
.tsstip__bookierow{display:flex;align-items:center;gap:12px}
.tsstip__bookielogo{width:48px;height:48px;border-radius:12px;background:var(--tip-inset,#f5f7fb);border:1px solid var(--tip-hairline,#e7ecf4);display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden}
.tsstip__bookielogo img{max-width:40px;max-height:40px;object-fit:contain}
.tsstip__bookielogo .material-symbols-outlined{font-size:22px;color:var(--tip-color-primary,#1458d4)}
.tsstip__bookiename{font-size:14px;font-weight:800;color:var(--tip-ink,#172033)}
.tsstip__bookiesub{font-size:11.5px;font-weight:700;color:var(--tip-muted,#627084)}
.tsstip__bookiebtn{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;padding:11px 0;border-radius:9px;background:var(--tip-color-primary,#1458d4);color:var(--tip-color-btn-text,#fff)!important;font-size:12.5px;font-weight:800;text-decoration:none;transition:background .2s}
.tsstip__bookiebtn:hover{background:var(--tip-color-primary-end,#0f3f99);color:var(--tip-color-btn-text,#fff)!important}
.tsstip__bookiebtn .material-symbols-outlined{font-size:15px}
/* ---- sidebar: social links ---- */
.tsstip__socials{display:flex;gap:8px;flex-wrap:wrap}
.tsstip__social{width:36px;height:36px;border-radius:999px;background:var(--tip-card,#fff);border:1px solid var(--tip-hairline-strong,#dbe2ec);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:border-color .2s}
.tsstip__social .material-symbols-outlined{font-size:18px;color:var(--tip-muted,#627084);transition:color .2s}
.tsstip__social:hover{border-color:var(--tip-color-primary,#1458d4)}
.tsstip__social:hover .material-symbols-outlined{color:var(--tip-color-primary,#1458d4)}
/* ---- stats by month pane (Tipster Stats by Month.dc.html) ---- */
/* design shows this view full-width: the sidebar collapses while the pane is active */
.tsstip__layout--full{grid-template-columns:minmax(0,1fr)!important}
.tsstip__layout--full .tsstip__aside{display:none}
.tsstip__msyear{display:none}
.tsstip__msyear.is-active{display:grid;gap:16px}
.tsstip__mshead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.tsstip__msseg{display:inline-flex;padding:3px;border-radius:9px;background:var(--tip-inset,#f5f7fb);border:1px solid var(--tip-card-border,#d8dee8)}
.tsstip__msseg button{padding:6px 14px;border:1px solid transparent;border-radius:7px;background:transparent;font-family:inherit;font-size:11.5px;font-weight:700;color:var(--tip-muted,#627084);cursor:pointer}
.tsstip__msseg button.is-active{background:var(--tip-card,#fff);border-color:var(--tip-card-border,#d8dee8);font-weight:800;color:var(--tip-ink,#172033);box-shadow:0 1px 2px rgba(23,32,51,.06);cursor:default}
.tsstip__msbars{margin-top:22px;display:grid;gap:14px;align-items:end;height:200px}
.tsstip__msbar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:8px;min-width:0}
.tsstip__msbar-val{font-size:11px;font-weight:800;color:var(--tip-pos-text,#15803d)}
.tsstip__msbar-val--neg{color:var(--tip-neg-text,#b91c1c)}
.tsstip__msbar-val--zero{color:var(--tip-muted,#627084)}
.tsstip__msbar-fill{width:100%;max-width:46px;min-height:3px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#2e63f2,var(--tip-color-primary,#1458d4))}
.tsstip__msbar-fill--neg{background:var(--tip-neg-border,#f3b4bd)}
.tsstip__msbar-fill--zero{background:var(--tip-hairline-strong,#dbe2ec)}
.tsstip__msbar-label{font-size:11px;font-weight:700;color:var(--tip-muted,#627084)}
.tsstip__msscroll{overflow-x:auto}
.tsstip__mstable-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--tip-hairline,#e7ecf4)}
.tsstip__mstable-season{font-size:12.5px;font-weight:700;color:var(--tip-muted,#627084)}
.tsstip__msrow{display:grid;grid-template-columns:1.4fr .8fr .7fr .7fr .7fr 1fr 1.1fr 1.2fr;gap:12px;align-items:center;padding:13px 20px;border-bottom:1px solid var(--tip-hairline,#eef2f8);min-width:640px}
.tsstip__msrow:hover{background:var(--tip-inset,#f8faff)}
.tsstip__msrow--cols{padding:11px 20px;background:var(--tip-inset,#f8fafd);border-bottom:1px solid var(--tip-hairline,#e7ecf4)}
.tsstip__msrow--cols:hover{background:var(--tip-inset,#f8fafd)}
.tsstip__msrow--cols>div{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--tip-muted,#627084);text-transform:uppercase}
.tsstip__msrow--total{padding:15px 20px;background:#0d1526;border-bottom:0}
.tsstip__msrow--total:hover{background:#0d1526}
.tsstip__ms-month{font-size:13.5px;font-weight:800;color:var(--tip-ink,#172033)}
.tsstip__ms-num{font-size:13px;font-weight:700;color:var(--tip-muted-strong,#48566e);text-align:center}
.tsstip__ms-w{font-size:13px;font-weight:700;color:var(--tip-pos-text,#15803d);text-align:center}
.tsstip__ms-l{font-size:13px;font-weight:700;color:var(--tip-neg-text,#b91c1c);text-align:center}
.tsstip__ms-h{font-size:13px;font-weight:700;color:var(--tip-muted,#627084);text-align:center}
.tsstip__ms-yield{font-size:13px;font-weight:800;text-align:right}
.tsstip__ms-profit{font-size:13.5px;font-weight:800;text-align:right}
.tsstip__ms-good{color:var(--tip-pos-text,#15803d)}
.tsstip__ms-bad{color:var(--tip-neg-text,#b91c1c)}
.tsstip__ms-zero{color:var(--tip-muted,#627084)}
.tsstip__msrow--total .tsstip__ms-zero{color:#b9c4da}
.tsstip__msrow--total .tsstip__ms-month{color:#fff}
.tsstip__msrow--total .tsstip__ms-num{color:#fff;font-weight:800}
.tsstip__msrow--total .tsstip__ms-w{color:#4ade80;font-weight:800}
.tsstip__msrow--total .tsstip__ms-l{color:#f6a5a5;font-weight:800}
.tsstip__msrow--total .tsstip__ms-h{color:#b9c4da;font-weight:800}
.tsstip__msrow--total .tsstip__ms-good{color:#4ade80}
.tsstip__msrow--total .tsstip__ms-bad{color:#f6a5a5}
.tsstip__mscallouts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:767px){.tsstip__mscallouts{grid-template-columns:1fr}}
.tsstip__mscallout{background:var(--tip-card,#fff);border:1px solid var(--tip-card-border,#d8dee8);border-radius:14px;padding:20px;box-shadow:0 10px 25px rgba(23,32,51,.06)}
.tsstip__mscallout-ico{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center}
.tsstip__mscallout-ico .material-symbols-outlined{font-size:22px}
.tsstip__mscallout-ico--good{background:var(--tip-pos-bg,#f0fdf4)}.tsstip__mscallout-ico--good .material-symbols-outlined{color:var(--tip-pos-text,#15803d)}
.tsstip__mscallout-ico--info{background:var(--tip-tint-bg,#eef4ff)}.tsstip__mscallout-ico--info .material-symbols-outlined{color:var(--tip-color-primary,#1458d4)}
.tsstip__mscallout-ico--bad{background:var(--tip-neg-bg,#fdeeee)}.tsstip__mscallout-ico--bad .material-symbols-outlined{color:var(--tip-neg-text,#b91c1c)}
.tsstip__mscallout-label{margin-top:12px;font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--tip-muted,#627084);text-transform:uppercase}
.tsstip__mscallout-value{margin-top:3px;font-size:19px;font-weight:800;color:var(--tip-ink,#172033)}
.tsstip__mscallout-sub{margin-top:2px;font-size:13px;font-weight:800}
/* ---- latest picks pane (Tipster Latest Picks.dc.html) ---- */
.tsstip__lphead{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--tip-hairline,#e7ecf4)}
.tsstip__lpfilters{display:flex;gap:6px;flex-wrap:wrap}
.tsstip__lpfilter{padding:7px 15px;border-radius:999px;background:var(--tip-inset,#f5f7fb);border:1px solid var(--tip-hairline,#e2e8f2);color:var(--tip-muted,#627084);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:border-color .2s,color .2s}
.tsstip__lpfilter:hover{border-color:var(--tip-color-primary,#1458d4);color:var(--tip-color-primary,#1458d4)}
.tsstip__lpfilter.is-active{background:var(--tip-color-primary,#1458d4);border-color:var(--tip-color-primary,#1458d4);color:var(--tip-color-btn-text,#fff);font-weight:800;cursor:default}
.tsstip__lprow{display:grid;grid-template-columns:2.4fr 1.5fr .7fr 1fr 1.2fr 44px;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--tip-hairline,#eef2f8);min-width:720px}
.tsstip__lprow:hover{background:var(--tip-inset,#f8faff)}
.tsstip__lprow--cols{padding:11px 20px;background:var(--tip-inset,#f8fafd);border-bottom:1px solid var(--tip-hairline,#e7ecf4)}
.tsstip__lprow--cols:hover{background:var(--tip-inset,#f8fafd)}
.tsstip__lprow--cols>div{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--tip-muted,#627084);text-transform:uppercase}
.tsstip__lp-kick{font-size:12.5px;font-weight:700;color:var(--tip-muted-strong,#48566e)}
.tsstip__lpfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:16px 20px;background:var(--tip-inset,#f8fafd);border-top:1px solid var(--tip-hairline,#e7ecf4)}
.tsstip__lpcount{font-size:12.5px;font-weight:700;color:var(--tip-muted,#627084)}
.tsstip__lpnav{display:flex;gap:8px}
.tsstip__lpbtn{display:inline-flex;align-items:center;gap:5px;padding:9px 16px;border-radius:9px;background:var(--tip-color-primary,#1458d4);border:1px solid var(--tip-color-primary,#1458d4);color:var(--tip-color-btn-text,#fff);font-family:inherit;font-size:12.5px;font-weight:800;cursor:pointer;transition:background .2s}
.tsstip__lpbtn:hover{background:var(--tip-color-primary-end,#0f3f99)}
.tsstip__lpbtn .material-symbols-outlined{font-size:16px}
.tsstip__lpbtn[disabled]{background:var(--tip-card,#fff);border-color:var(--tip-card-border,#d8dee8);color:var(--tip-faint,#8b97ab);cursor:default}
/* legacy subpage content (stats table / latest picks skins) inside panes keeps its own look */
.tsstip__pane .space-y-4{display:grid;gap:16px}

/* ==== single pick page (shortcodes/pick/shortcode.php) ==== */
main.main:has(.tsspick){background:var(--tip-band-surface,#f5f7fb)}
.tsspick{font-family:Manrope,system-ui,sans-serif;width:100%;max-width:var(--tip-header-content-width,1280px);margin:0 auto;padding:28px var(--tip-header-content-padding,24px) 64px;box-sizing:border-box;color:var(--tip-ink,#172033)}
@media (max-width:767px){.tsspick{padding:20px 16px 48px}}
/* ---- breadcrumb ---- */
.tsspick__crumbs{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--tip-muted,#627084);margin-bottom:18px}
.tsspick__crumbs a{color:var(--tip-muted,#627084)!important;text-decoration:none;transition:color .2s}
.tsspick__crumbs a:hover{color:var(--tip-color-primary,#1458d4)!important}
.tsspick__crumbs .material-symbols-outlined{font-size:16px;color:var(--tip-faint-soft,#c3ccda)}
.tsspick__crumbs-here{color:var(--tip-ink,#172033)}
/* ---- layout ---- */
.tsspick__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
@media (min-width:1024px){.tsspick__layout{grid-template-columns:minmax(0,1fr) 340px}}
.tsspick__main{display:grid;gap:16px;min-width:0}
.tsspick__aside{display:grid;gap:16px;min-width:0}
/* ---- shared card ---- */
.tsspick__card{background:var(--tip-card,#fff);border:1px solid var(--tip-card-border,#d8dee8);border-radius:14px;box-shadow:0 10px 25px rgba(23,32,51,.06);overflow:hidden}
.tsspick__cardbody{padding:24px 26px}
@media (max-width:767px){.tsspick__cardbody{padding:18px 16px}}
/* ---- card header bar ---- */
.tsspick__cardhead{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 22px;background:var(--tip-inset,#f8fafd);border-bottom:1px solid var(--tip-hairline,#eef2f8)}
.tsspick__cardhead--dark{background:#0a101d;border-bottom:0}
.tsspick__cardhead-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.tsspick__typechip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:8px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.tsspick__typechip .material-symbols-outlined{font-size:14px}
.tsspick__typechip--free{background:var(--tip-pos-bg,#f0fdf4);border:1px solid var(--tip-pos-border,#bbe8c8);color:var(--tip-pos-text,#15803d)}
.tsspick__typechip--premium{background:rgba(245,184,64,.16);border:1px solid rgba(245,184,64,.5);color:#f5c860}
.tsspick__published{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--tip-muted,#627084)}
.tsspick__cardhead--dark .tsspick__published{color:#8d99b2}
.tsspick__published .material-symbols-outlined{font-size:15px}
.tsspick__statuschip{padding:6px 13px;border-radius:8px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.tsspick__statuschip--pending{background:var(--tip-tint-bg,#eef4ff);border:1px solid var(--tip-tint-border,#cfe0ff);color:var(--tip-tint-text,#0f3f99)}
.tsspick__statuschip--live{background:var(--tip-warn-bg,#fff7e0);border:1px solid var(--tip-warn-border,#f2dfa4);color:var(--tip-gold,#b08a1e)}
.tsspick__statuschip--finished{background:var(--tip-pos-bg,#f0fdf4);border:1px solid var(--tip-pos-border,#bbe8c8);color:var(--tip-pos-text,#15803d)}
.tsspick__cardhead--dark .tsspick__statuschip--pending{background:rgba(var(--tip-panel-glow-rgb,46, 99, 242),.18);border-color:rgba(var(--tip-panel-glow-rgb,46, 99, 242),.5);color:#9db9ff}
.tsspick__cardhead--dark .tsspick__statuschip--live{background:rgba(245,184,64,.16);border-color:rgba(245,184,64,.5);color:#f5c860}
.tsspick__cardhead--dark .tsspick__statuschip--finished{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.45);color:#7fdca4}
/* ---- match info ---- */
.tsspick__matchinfo{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.tsspick__matchmeta{min-width:0}
.tsspick__leaguerow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tsspick__league{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;color:var(--tip-muted-strong,#48566e);text-transform:uppercase}
.tsspick__league img.tsspick__sporticon,.tsspick__league .tsspick__sporticon{height:17px!important;width:auto}
.tsspick__leaguesep{width:1px;height:14px;background:var(--tip-hairline-strong,#dbe2ec)}
.tsspick__country{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--tip-muted,#627084)}
.tsspick__country .material-symbols-outlined{font-size:16px}
.tsspick__title{overflow-wrap:anywhere;margin:14px 0 0;font-size:26px;line-height:1.25;font-weight:800;color:var(--tip-ink,#0d1526);letter-spacing:-.01em}
.tsspick__title a{color:var(--tip-ink,#0d1526)!important;text-decoration:none}
.tsspick__title a:hover{color:var(--tip-color-primary,#1458d4)!important}
/* the "vs" span comes from _helper_pick_title_structure with Tailwind
utility classes — restyle it to the design (16px/700/#8b97ab) */
.tsspick__title .text-gray-400{font-size:16px!important;font-weight:700!important;color:var(--tip-faint,#8b97ab)!important;margin:0!important}
.tsspick__sportglyph{font-size:17px!important;color:var(--tip-color-primary,#1458d4)}
.tsspick__kickoff{margin-top:12px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--tip-muted,#627084)}
.tsspick__kickoff .material-symbols-outlined{font-size:17px;color:var(--tip-color-primary,#1458d4)}
.tsspick__bookie{flex:none;background:var(--tip-tint-bg,#eef4ff);border:1px solid var(--tip-tint-border,#cfe0ff);border-radius:12px;padding:14px 18px;text-align:center}
.tsspick__bookielabel{font-size:10px;font-weight:800;letter-spacing:.09em;color:var(--tip-tint-text,#0f3f99);text-transform:uppercase}
.tsspick__bookiepill{display:inline-block;margin-top:6px;padding:6px 14px;border-radius:8px;background:#0e7a52;color:#fff!important;font-size:14px;font-weight:800;text-decoration:none;transition:background .2s}
.tsspick__bookiepill:hover{background:#0a5e3f;color:#fff!important}
/* ---- result banner ---- */
.tsspick__banner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:22px;padding:16px 18px;border-radius:14px}
.tsspick__bannerleft{display:flex;align-items:center;gap:13px}
.tsspick__bannericon{width:42px;height:42px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex:none}
.tsspick__bannericon .material-symbols-outlined{font-size:22px;color:#fff}
.tsspick__bannerlabel{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.tsspick__bannerprofit{font-size:12px;font-weight:700;color:var(--tip-muted-strong,#48566e);letter-spacing:0;text-transform:none}
.tsspick__bannerscore{margin-top:2px;font-size:15px;font-weight:800;color:var(--tip-ink,#172033)}
.tsspick__matchstate{padding:10px 14px;border-radius:10px;background:var(--tip-card,#fff);text-align:center}
.tsspick__matchstate-label{font-size:9.5px;font-weight:800;letter-spacing:.07em;color:var(--tip-muted,#627084);text-transform:uppercase}
.tsspick__matchstate-value{margin-top:3px;display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:800;color:var(--tip-ink,#172033)}
.tsspick__matchstate-value--dot{color:var(--tip-color-primary,#1458d4)}
.tsspick__dot{width:7px;height:7px;border-radius:999px;background:var(--tip-color-primary,#1458d4)}
.tsspick__banner--pending{background:var(--tip-tint-bg,#eef4ff);border:1px solid var(--tip-tint-border,#cfe0ff)}
.tsspick__banner--pending .tsspick__bannericon{background:var(--tip-color-primary,#1458d4)}
.tsspick__banner--pending .tsspick__bannerlabel{color:var(--tip-tint-text,#0f3f99)}
.tsspick__banner--pending .tsspick__matchstate{border:1px solid var(--tip-tint-border,#cfe0ff)}
.tsspick__banner--won{background:var(--tip-pos-bg,#f0fdf4);border:1px solid var(--tip-pos-border,#bbe8c8)}
.tsspick__banner--won .tsspick__bannericon{background:var(--tip-pos-text,#15803d)}
.tsspick__banner--won .tsspick__bannerlabel{color:var(--tip-pos-text,#15803d)}
.tsspick__banner--won .tsspick__bannerprofit b{color:var(--tip-pos-text,#15803d)}
.tsspick__banner--won .tsspick__matchstate{border:1px solid var(--tip-pos-border,#bbe8c8)}
.tsspick__banner--lost{background:var(--tip-neg-bg,#fdecef);border:1px solid var(--tip-neg-border,#f6c2cc)}
.tsspick__banner--lost .tsspick__bannericon{background:var(--tip-danger,#c81e3a)}
.tsspick__banner--lost .tsspick__bannerlabel{color:var(--tip-danger,#c81e3a)}
.tsspick__banner--lost .tsspick__bannerprofit b{color:var(--tip-danger,#c81e3a)}
.tsspick__banner--lost .tsspick__matchstate{border:1px solid var(--tip-neg-border,#f6c2cc)}
.tsspick__banner--halflost{background:var(--tip-warn-bg,#fff7e0);border:1px solid var(--tip-warn-border,#f2dfa4)}
.tsspick__banner--halflost .tsspick__bannericon{background:var(--tip-gold,#b08a1e)}
.tsspick__banner--halflost .tsspick__bannerlabel{color:var(--tip-gold,#b08a1e)}
.tsspick__banner--halflost .tsspick__bannerprofit b{color:var(--tip-gold,#b08a1e)}
.tsspick__banner--halflost .tsspick__matchstate{border:1px solid var(--tip-warn-border,#f2dfa4)}
.tsspick__banner--void{background:var(--tip-inset,#f3f5f9);border:1px solid var(--tip-hairline-strong,#dbe2ec)}
.tsspick__banner--void .tsspick__bannericon{background:var(--tip-muted,#627084)}
.tsspick__banner--void .tsspick__bannerlabel{color:var(--tip-muted-strong,#48566e)}
.tsspick__banner--void .tsspick__bannerprofit b{color:var(--tip-muted-strong,#48566e)}
.tsspick__banner--void .tsspick__matchstate{border:1px solid var(--tip-hairline-strong,#dbe2ec)}
/* ---- selection / odds / stake ---- */
.tsspick__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
@media (max-width:640px){.tsspick__facts{grid-template-columns:minmax(0,1fr)}}
.tsspick__fact{padding:16px 18px;border-radius:14px;background:var(--tip-inset,#f8fafd);border:1px solid var(--tip-hairline,#e7ecf4)}
.tsspick__factlabel{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--tip-muted,#627084);text-transform:uppercase}
.tsspick__factvalue{margin-top:6px;font-size:20px;font-weight:800;color:var(--tip-ink,#172033);overflow-wrap:anywhere}
.tsspick__factvalue--selection{font-size:16px;line-height:1.3}
.tsspick__factvalue--odds{color:var(--tip-color-primary,#1458d4)}
.tsspick__factmuted{font-size:13px;font-weight:700;color:var(--tip-faint,#8b97ab)}
/* ---- analysis ---- */
.tsspick__analysis{margin-top:24px}
.tsspick__analysistitle{font-size:17px;font-weight:800;color:var(--tip-ink,#0d1526)}
.tsspick__analysistext{margin:12px 0 0;font-size:14.5px;line-height:1.75;color:var(--tip-body,#3a495e)}
.tsspick__analysistext--empty{font-style:italic;color:var(--tip-faint,#8b97ab)}
.tsspick__analysisbody{margin-top:12px;font-size:14.5px;line-height:1.75;color:var(--tip-body,#3a495e)}
.tsspick__analysisbody p{margin:0 0 14px}
.tsspick__analysisbody p:last-child{margin-bottom:0}
/* ---- after match comment card ---- */
.tsspick__aftercard{padding:20px 22px}
.tsspick__afterhead{display:flex;align-items:center;gap:13px}
.tsspick__aftericon{width:42px;height:42px;border-radius:999px;background:var(--tip-tint-bg,#eef4ff);border:1px solid var(--tip-tint-border,#cfe0ff);display:flex;align-items:center;justify-content:center;flex:none}
.tsspick__aftericon .material-symbols-outlined{font-size:21px;color:var(--tip-color-primary,#1458d4)}
.tsspick__aftertitle{font-size:15px;font-weight:800;color:var(--tip-ink,#172033)}
.tsspick__aftersub{margin-top:1px;font-size:12px;font-weight:600;color:var(--tip-muted,#627084)}
.tsspick__aftertext{margin-top:14px;font-size:14.5px;line-height:1.75;color:var(--tip-body,#3a495e)}
.tsspick__aftertext p{margin:0 0 10px}
.tsspick__aftertext p:last-child{margin-bottom:0}
/* ---- locked area ---- */
.tsspick__locked{position:relative;margin-top:22px;border:1px solid var(--tip-hairline,#e7ecf4);border-radius:14px;overflow:hidden;min-height:340px;display:flex;flex-direction:column;justify-content:center}
.tsspick__blur{filter:blur(8px);user-select:none;pointer-events:none;padding:22px}
.tsspick__facts--locked{margin-top:0;gap:12px}
.tsspick__facts--locked .tsspick__fact{padding:14px;border-radius:11px}
.tsspick__facts--locked .tsspick__factvalue{margin-top:5px;font-size:16px}
.tsspick__blur .tsspick__analysistext{margin-top:16px;font-size:14px;line-height:1.7}
.tsspick__blur .tsspick__analysistext+.tsspick__analysistext{margin-top:14px}
.tsspick__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb, var(--tip-inset,#f8fafd) 55%, transparent);padding:16px}
.tsspick__paycard{background:var(--tip-card,#fff);border:1px solid var(--tip-hairline,#e2e8f2);border-radius:16px;box-shadow:0 18px 44px rgba(23,32,51,.14);padding:30px 34px;max-width:380px;width:100%;text-align:center;box-sizing:border-box}
@media (max-width:640px){.tsspick__paycard{padding:22px 18px}}
.tsspick__paylock{width:56px;height:56px;border-radius:999px;background:var(--tip-warn-bg,#fff7e0);border:1px solid var(--tip-warn-border,#f2dfa4);display:inline-flex;align-items:center;justify-content:center}
.tsspick__paylock .material-symbols-outlined{font-size:28px;color:var(--tip-gold,#b08a1e)}
.tsspick__paytitle{margin-top:14px;font-size:20px;font-weight:800;color:var(--tip-ink,#0d1526)}
.tsspick__paysub{margin-top:8px;font-size:13.5px;line-height:1.55;color:var(--tip-muted,#627084)}
.tsspick__paysafe{margin-top:14px;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--tip-faint,#8b97ab)}
.tsspick__paysafe .material-symbols-outlined{font-size:15px;color:var(--tip-pos-text,#15803d)}
/* paywall buttons: restyle the raw permission-buttons markup
(classes/hooks untouched — tss_buy_pick, js--tsl-login-popup) */
.tsspick__paybtns{margin-top:20px;display:grid;gap:0}
.tsspick__paybtns button,.tsspick__paybtns a{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:auto;padding:14px 0;border:0;border-radius:11px;font-family:inherit;font-size:14.5px;font-weight:800;text-decoration:none;cursor:pointer;transition:background .2s,color .2s;box-sizing:border-box}
.tsspick__paybtns .tss_buy_pick,.tsspick__paybtns .js--tsl-login-popup,.tsspick__paybtns a.bg-primary{background:var(--tip-color-primary,#1458d4)!important;color:#fff!important;box-shadow:0 4px 12px rgba(var(--tip-color-primary-rgb,20, 88, 212),.3)}
.tsspick__paybtns .tss_buy_pick:hover,.tsspick__paybtns .js--tsl-login-popup:hover,.tsspick__paybtns a.bg-primary:hover{background:var(--tip-color-primary-end,#0f3f99)!important;color:#fff!important}
.tsspick__paybtns a.bg-gray-900{background:#0a101d!important;color:#fff!important;box-shadow:none}
.tsspick__paybtns a.bg-gray-900:hover{background:#1a2436!important;color:#fff!important}
.tsspick__paybtns .material-symbols-outlined{font-size:18px!important}
.tsspick__paybtns .relative.flex{display:flex;align-items:center;padding:10px 0}
.tsspick__paybtns .relative.flex span{flex:none;margin:0 14px;font-size:10.5px;font-weight:800;letter-spacing:.07em;color:var(--tip-faint,#8b97ab);text-transform:uppercase}
.tsspick__paybtns .relative.flex div{flex:1;border-top:1px solid var(--tip-hairline,#e7ecf4)}
/* ---- sidebar: tipster card ---- */
.tsspick__tipsterhead{padding:20px;border-bottom:1px solid var(--tip-hairline,#eef2f8);display:flex;align-items:center;gap:13px}
.tsspick__avatarwrap{position:relative;flex:none}
.tsspick__avatar{width:52px;height:52px;border-radius:999px!important;object-fit:cover;display:block;border:0}
.tsspick__tier{position:absolute;top:-6px;left:-8px;padding:2px 7px;border-radius:999px;background:var(--tip-inset,#f3f5f9);border:1px solid var(--tip-hairline-strong,#dbe2ec);color:var(--tip-muted-strong,#48566e);font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.tsspick__tier--pro{background:var(--tip-warn-bg,#fff7e0);border-color:var(--tip-warn-border,#f2dfa4);color:var(--tip-warn-text,#8a6511)}
.tsspick__tipstermeta{min-width:0}
.tsspick__tipstername{font-size:17px;font-weight:800;color:var(--tip-ink,#172033);overflow-wrap:anywhere}
.tsspick__tipsterrole{font-size:12px;font-weight:600;color:var(--tip-muted,#627084)}
.tsspick__yield{margin-top:6px;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:var(--tip-pos-bg,#f0fdf4);border:1px solid var(--tip-pos-border,#bbe8c8);color:var(--tip-pos-text,#15803d);font-size:11px;font-weight:800}
.tsspick__yield .material-symbols-outlined{font-size:13px}
.tsspick__yield--neg{background:var(--tip-neg-bg,#fdecef);border-color:var(--tip-neg-border,#f6c2cc);color:var(--tip-danger,#c81e3a)}
.tsspick__stats{padding:6px 20px}
.tsspick__statrow{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--tip-hairline,#f2f5fa)}
.tsspick__statrow:last-child{border-bottom:0}
.tsspick__statlabel{font-size:13px;font-weight:600;color:var(--tip-muted,#627084)}
.tsspick__statvalue{font-size:14px;font-weight:800;color:var(--tip-ink,#172033)}
.tsspick__statvalue--good{color:var(--tip-pos-text,#15803d)}
.tsspick__statvalue--bad{color:var(--tip-danger,#c81e3a)}
.tsspick__profilewrap{padding:0 20px 20px}
.tsspick__profilebtn{display:block;text-align:center;padding:12px 0;border-radius:11px;background:var(--tip-tint-bg,#eef4ff);border:1px solid var(--tip-tint-border,#cfe0ff);color:var(--tip-color-primary,#1458d4)!important;font-size:13.5px;font-weight:800;text-decoration:none;transition:background .2s,border-color .2s,color .2s}
.tsspick__profilebtn:hover{background:var(--tip-color-primary,#1458d4);border-color:var(--tip-color-primary,#1458d4);color:#fff!important}
/* ---- sidebar: other active picks ---- */
.tsspick__asidehead{display:flex;align-items:center;gap:8px;padding:16px 20px;border-bottom:1px solid var(--tip-hairline,#eef2f8);font-size:15px;font-weight:800;color:var(--tip-ink,#172033)}
.tsspick__asidehead .material-symbols-outlined{font-size:19px;color:var(--tip-color-primary,#1458d4)}
.tsspick__otherpick{display:block;padding:14px 20px;border-bottom:1px solid var(--tip-hairline,#f2f5fa);text-decoration:none;transition:background .15s}
.tsspick__otherpick:last-child{border-bottom:0}
.tsspick__otherpick:hover{background:var(--tip-inset,#f8faff)}
.tsspick__otherpick-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tsspick__otherpick-league{font-size:10.5px;font-weight:800;letter-spacing:.07em;color:var(--tip-muted,#627084);text-transform:uppercase}
.tsspick__otherpick-odds{font-size:13px;font-weight:800;color:var(--tip-color-primary,#1458d4)}
.tsspick__otherpick-premium{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:800;color:var(--tip-gold,#b08a1e)}
.tsspick__otherpick-premium .material-symbols-outlined{font-size:13px}
.tsspick__otherpick-match{margin-top:5px;font-size:13.5px;font-weight:800;color:var(--tip-ink,#172033);overflow-wrap:anywhere}
.tsspick__otherpick-date{margin-top:3px;font-size:11.5px;font-weight:600;color:var(--tip-faint,#8b97ab)}
.tsspick__otherpick-empty{margin:0;padding:14px 20px;font-size:13px;font-style:italic;color:var(--tip-faint,#8b97ab)}

/* ==== latest picks page (shortcodes/latest_picks/shortcode.php) ==== */
/* ---- page header band ---- */
.tsslp__band{position:relative;background:linear-gradient(180deg,var(--tip-band-from,#eaf0fa) 0%,var(--tip-band-to,#f5f7fb) 100%);border-bottom:1px solid var(--tip-band-border,#e2e8f2);overflow:hidden;font-family:Manrope,system-ui,sans-serif}
.tsslp__band::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(680px 300px at 82% 0%,rgba(var(--tip-color-primary-rgb,20, 88, 212),.09),transparent 70%)}
.tsslp__bandinner{position:relative;max-width:var(--tip-header-content-width,1280px);margin:0 auto;padding:var(--tip-band-pad-top,44px) var(--tip-header-content-padding,24px) var(--tip-band-pad-bottom,40px)}
.tsslp__pill{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:999px;background:var(--tip-tint-bg,#eef4ff);border:1px solid var(--tip-tint-border,#cfe0ff);font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--tip-tint-text,#0f3f99);text-transform:uppercase}
.tsslp__pill .material-symbols-outlined{font-size:14px;color:var(--tip-color-primary,#1458d4)}
.tsslp__title{margin:16px 0 0;font-size:var(--tip-band-title,42px);line-height:1.05;font-weight:800;color:var(--tip-ink,#0d1526);letter-spacing:-.02em}
.tsslp__sub{margin:10px 0 0;font-size:16px;color:var(--tip-muted-strong,#48566e)}
/* ---- layout: filter left + table ---- */
.tsslp{font-family:Manrope,system-ui,sans-serif}
.tsslp__layout{max-width:var(--tip-header-content-width,1280px);margin:0 auto;padding:28px var(--tip-header-content-padding,24px) 64px;display:grid;grid-template-columns:250px 1fr;gap:24px;align-items:start;box-sizing:border-box}
.tsslp__layout--nofilter{grid-template-columns:1fr}
@media(max-width:1023px){.tsslp__layout{grid-template-columns:1fr}}
/* grid items must be allowed to shrink below their content width; otherwise the
wide picks table forces the column (and the filter card sharing it) past the
viewport on mobile, clipping the filters. */
.tsslp__filters,.tsslp__list{min-width:0}
/* ---- filter card ---- */
.tsslp__filters .tsslp-fcard{background:var(--tip-card,#fff);border:1px solid var(--tip-card-border,#d8dee8);border-radius:14px;box-shadow:0 10px 25px rgba(23,32,51,.06);overflow:hidden}
.tsslp-fhead{display:flex;align-items:center;gap:8px;padding:16px 18px;border-bottom:1px solid var(--tip-hairline,#eef2f8)}
.tsslp-fhead .material-symbols-outlined{font-size:19px;color:var(--tip-color-primary,#1458d4)}
.tsslp-fhead__title{font-size:15px;font-weight:800;color:var(--tip-ink,#172033)}
.tsslp-freset{margin-left:auto;background:none;border:0;padding:0;font-size:11.5px;font-weight:800;color:var(--tip-color-primary,#1458d4);cursor:pointer;font-family:inherit}
.tsslp-freset:hover{color:var(--tip-color-primary-end,#0f3f99)}
.tsslp-fsec{padding:0 18px 16px}
.tsslp-fsec:first-of-type{padding-top:16px}
.tsslp-fsec--dates{padding-top:16px;border-top:1px solid var(--tip-hairline,#eef2f8)}
.tsslp-flabel{font-size:11px;font-weight:800;letter-spacing:.07em;color:var(--tip-muted,#627084);text-transform:uppercase}
.tsslp-fsel{position:relative;margin-top:8px}
.tsslp__filters select{appearance:none;-webkit-appearance:none;width:100%;padding:11px 36px 11px 13px;border-radius:10px;background:var(--tip-inset,#f8fafd);border:1px solid var(--tip-hairline,#e2e8f2);font-size:13px;font-weight:700;color:var(--tip-ink,#172033);font-family:inherit;outline:none;transition:border-color .15s;cursor:pointer}
.tsslp__filters select:focus{border-color:var(--tip-color-primary,#1458d4)}
.tsslp-fsel .material-symbols-outlined{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--tip-muted,#627084);pointer-events:none}
/* status pills (proxy the hidden .ts_latest_filter_status select) */
.tsslp-fsec--status{padding-bottom:18px;border-bottom:1px solid var(--tip-hairline,#eef2f8)}
.tsslp-fpills{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.tsslp-fpill{padding:6px 13px;border-radius:999px;background:var(--tip-inset,#f5f7fb);border:1px solid var(--tip-hairline,#e2e8f2);color:var(--tip-muted,#627084);font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:filter .15s}
.tsslp-fpill:hover{filter:brightness(.97)}
.tsslp-fpill--1{background:var(--tip-pos-bg,#f0fdf4);border-color:var(--tip-pos-border,#bbe8c8);color:var(--tip-pos-text,#15803d)}
.tsslp-fpill--3,.tsslp-fpill--5{background:var(--tip-neg-bg,#fdeeee);border-color:var(--tip-neg-border,#f5c6c6);color:var(--tip-neg-text,#b91c1c)}
.tsslp-fpill--6{background:var(--tip-warn-bg,#fff7e0);border-color:var(--tip-warn-border,#f2dfa4);color:var(--tip-warn-text,#8a6511)}
.tsslp-fpill.is-active{background:var(--tip-color-primary,#1458d4)!important;border-color:var(--tip-color-primary,#1458d4)!important;color:#fff!important;font-weight:800}
.tsslp-fhidden{position:absolute!important;width:1px;height:1px;opacity:0;pointer-events:none;margin:0;padding:0;border:0}
/* date inputs with calendar icon */
.tsslp-fdate{position:relative;margin-top:8px}
.tsslp-fdate .material-symbols-outlined{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--tip-muted,#627084);pointer-events:none;z-index:1}
.tsslp-fdate input::-webkit-calendar-picker-indicator{opacity:0}
.tsslp-fdate::after{content:"";position:absolute;right:1px;top:1px;bottom:1px;width:34px;background:var(--tip-inset,#f8fafd);border-radius:0 10px 10px 0;pointer-events:none}
.tsslp__filters input[type="date"]{width:100%;box-sizing:border-box;padding:10px 13px 10px 36px;border-radius:10px;background:var(--tip-inset,#f8fafd);border:1px solid var(--tip-hairline,#e2e8f2);font-size:12.5px;font-weight:700;color:var(--tip-ink,#172033);font-family:inherit;outline:none;transition:border-color .15s}
.tsslp__filters input[type="date"]:focus{border-color:var(--tip-color-primary,#1458d4)}
/* empty date fields show design placeholders instead of mm/dd/yyyy */
.tsslp-fdate__ph{position:absolute;left:36px;top:50%;transform:translateY(-50%);font-size:12.5px;font-weight:700;color:var(--tip-faint,#8b97ab);pointer-events:none;z-index:1}
.tsslp-fdate.has-value .tsslp-fdate__ph{display:none}
.tsslp-fdate:not(.has-value) input::-webkit-datetime-edit{color:transparent}
.tsslp-fdate:not(.has-value) input:focus::-webkit-datetime-edit{color:var(--tip-ink,#172033)}
.tsslp-fdate:not(.has-value) input:focus ~ .tsslp-fdate__ph,.tsslp-fdate input:focus + .tsslp-fdate__ph{display:none}
.tsslp-fnote{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:12px;font-weight:600;color:var(--tip-faint,#8b97ab)}
.tsslp-fnote .material-symbols-outlined{font-size:15px;color:var(--tip-pos-text,#15803d)}
/* ---- table card ---- */
.tsslp__list section{background:var(--tip-card,#fff)!important;border:1px solid var(--tip-card-border,#d8dee8)!important;border-radius:14px!important;box-shadow:0 10px 25px rgba(23,32,51,.06)!important;overflow:hidden}
.tsslp-thead{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;border-bottom:1px solid var(--tip-hairline,#e7ecf4)}
.tsslp-thead__title{font-size:16px;font-weight:800;color:var(--tip-ink,#172033)}
.tsslp__list .ts-pagination-info{font-size:12.5px;font-weight:700;color:var(--tip-muted,#627084)}
.tsslp__list th{padding:11px 20px!important;background:var(--tip-inset,#f8fafd)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;color:var(--tip-muted,#627084)!important;text-transform:uppercase;border-bottom:1px solid var(--tip-hairline,#e7ecf4)!important}
.tsslp__list td{border-bottom:1px solid var(--tip-hairline,#eef2f8);padding:14px 20px!important}
.tsslp__list table,.tsslp__list th,.tsslp__list td{border-left:0!important;border-right:0!important;border-top:0!important}
.tsslp__list td{border-bottom:1px solid var(--tip-hairline,#eef2f8)!important}
.tsslp__list tbody tr:last-child td{border-bottom:0!important}
.tsslp__list .ts-pagination-wrap{border-left:0!important;border-right:0!important;border-bottom:0!important}
.tsslp__list .pick-row:hover{background:var(--tip-inset,#f8faff)!important}
.tsslp-ev{display:flex;flex-direction:column;gap:1px;min-width:0}
.tsslp-ev__title{display:flex;align-items:center;gap:9px;min-width:0}
.tsslp-ev__title img,.tsslp-ev__title svg{height:20px;width:auto;flex:none}
.tsslp-ev__glyph{font-size:18px;color:var(--tip-color-primary,#1458d4);flex:none}
.tsslp-ev__title a{font-size:13.5px!important;font-weight:800!important;color:var(--tip-ink,#172033)!important;text-decoration:none!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tsslp-ev__title a:hover{color:var(--tip-color-primary,#1458d4)!important}
.tsslp-ev__meta{font-size:11px;font-weight:600;color:var(--tip-muted,#627084);display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.tsslp-ev__meta img{height:12px;border-radius:2px}
.tsslp-tip{display:flex;align-items:center;gap:8px;min-width:0}
.tsslp-tip img{width:26px;height:26px;border-radius:999px;object-fit:cover;flex:none;border:0!important}
.tsslp-tip span{font-size:12.5px;font-weight:700;color:var(--tip-ink,#172033);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tsslp-pick{font-size:13px;font-weight:800;color:var(--tip-ink,#172033)}
.tsslp-bookie{font-size:12.5px;font-weight:700;color:var(--tip-muted-strong,#48566e)}
.tsslp-goto{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:var(--tip-inset,#f0f3f9);text-decoration:none;transition:background .2s;margin:0 auto}
.tsslp-goto .material-symbols-outlined{font-size:16px;color:var(--tip-muted,#627084);transition:color .2s}
.tsslp-goto:hover{background:var(--tip-color-primary,#1458d4)}
.tsslp-goto:hover .material-symbols-outlined{color:#fff}
.tsslp-odds{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--tip-tint-bg,#eef4ff);color:var(--tip-color-primary,#1458d4);font-size:12.5px;font-weight:800}
.tsslp-profit{margin-top:4px;font-size:11.5px;font-weight:800}
.tsslp-profit .tsslp-result{font-size:11px;font-weight:700;color:var(--tip-faint,#8b97ab)}
.tsslp-status{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;text-transform:none!important;letter-spacing:0!important;white-space:nowrap;flex-shrink:0;line-height:1.2}
.tsslp-status .material-symbols-outlined{font-size:13px}
.tsslp-status--1{background:var(--tip-pos-bg,#f0fdf4);border:1px solid var(--tip-pos-border,#bbe8c8);color:var(--tip-pos-text,#15803d)}
.tsslp-status--3{background:var(--tip-neg-bg,#fdeeee);border:1px solid var(--tip-neg-border,#f5c6c6);color:var(--tip-neg-text,#b91c1c)}
.tsslp-status--4{background:var(--tip-tint-bg,#eef4ff);border:1px solid var(--tip-tint-border,#cfe0ff);color:var(--tip-tint-text,#0f3f99)}
.tsslp-status--5{background:var(--tip-neg-bg,#fdeeee);border:1px solid var(--tip-neg-border,#f5c6c6);color:var(--tip-neg-text,#b91c1c)}
.tsslp-status--6{background:var(--tip-warn-bg,#fff7e0);border:1px solid var(--tip-warn-border,#f2dfa4);color:var(--tip-warn-text,#8a6511)}
.tsslp-status--2,.tsslp-status--7{background:var(--tip-inset,#f5f7fb);border:1px solid var(--tip-hairline,#e2e8f2);color:var(--tip-muted,#627084)}
.tsslp-text--1,.tsslp-text--4{color:var(--tip-pos-text,#15803d)!important}
.tsslp-text--3,.tsslp-text--5{color:var(--tip-neg-text,#b91c1c)!important}
.tsslp-text--2,.tsslp-text--6,.tsslp-text--7{color:var(--tip-faint,#8b97ab)!important}
/* pagination */
.tsslp__list .ts-pagination-wrap{padding:16px 20px!important;background:var(--tip-inset,#f8fafd)!important;border-top:1px solid var(--tip-hairline,#e7ecf4)!important}
.tsslp__list .ts-pagination-prev,.tsslp__list .ts-pagination-next{display:inline-flex;align-items:center;gap:5px;padding:9px 16px!important;border-radius:9px!important;border:1px solid var(--tip-card-border,#d8dee8)!important;background:var(--tip-card,#fff)!important;color:var(--tip-ink,#172033)!important;font-size:12.5px!important;font-weight:800!important;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.tsslp__list .ts-pagination-next:not(:disabled){background:var(--tip-color-primary,#1458d4)!important;border-color:var(--tip-color-primary,#1458d4)!important;color:#fff!important}
.tsslp__list .ts-pagination-next:not(:disabled):hover{background:var(--tip-color-primary-end,#0f3f99)!important}
.tsslp__list .ts-pagination-prev:not(:disabled):hover{border-color:var(--tip-color-primary,#1458d4)!important;color:var(--tip-color-primary,#1458d4)!important}
.tsslp__list .ts-pagination-prev:disabled,.tsslp__list .ts-pagination-next:disabled{opacity:.5;cursor:not-allowed;color:var(--tip-faint,#8b97ab)!important}
/* pagination stacks on small screens so the prev/next buttons never overflow the card */
@media(max-width:640px){
.tsslp__list .ts-pagination-wrap{flex-direction:column;align-items:stretch;gap:12px}
.tsslp__list .ts-pagination-wrap>div{width:100%;justify-content:space-between}
.tsslp__list .ts-pagination-prev,.tsslp__list .ts-pagination-next{flex:1;justify-content:center}
}
/* ── Mobile: align the content gutter to the header logo ──
The page's Elementor container already gives a ~20px side gutter on phones
(same edge as the header .container-full / logo). The band + layout add their
own --tip-header-content-padding (24px) on top, pushing content ~44px in while
the logo sits at 20px. Drop that inner padding on phones so both align. */
@media(max-width:767px){
.tsslp__layout{padding-left:0;padding-right:0}
/* The band is full-bleed at every width now (see .tsslp__band above);
only pull its text back to the 20px logo gutter on phones. */
.tsslp__bandinner{padding-left:20px;padding-right:20px}
.tsslp__title{font-size:var(--tip-band-title-sm,32px)}
}
/* ── Never let the matches table force a horizontal scrollbar ──
The legacy .latest-picks wrapper is overflow-x:auto and the table sizes to
its content, which needs ~950px. The list column is only ~685px wide at a
1024 viewport (the filter rail takes 250px), so every laptop width from
1024 to ~1300 got an x-scroll. table-layout:fixed pins the table to the
wrapper and honours the th percentages instead; the cells below are told
how to give way, since fixed layout will not shrink them on its own. */
.tsslp__list table.tipster-script-table{table-layout:fixed;width:100%}
.tsslp__list .latest-picks{overflow:visible}
/* Desktop: compact rows, and anything that can't fit clips rather than pushes. */
@media(min-width:1024px){
/* The template's w-[29%] etc. on the th are Tailwind arbitrary values the theme
build never emits (it does not scan plugin templates), so they have always been
dead classes and the columns sized to their content. Restate the intended
proportions here, which is also what table-layout:fixed reads. */
.tsslp__list .tipster-script-table th:nth-child(1){width:29%}
.tsslp__list .tipster-script-table th:nth-child(2){width:12%}
.tsslp__list .tipster-script-table th:nth-child(3){width:18%}
.tsslp__list .tipster-script-table th:nth-child(4){width:8%}
.tsslp__list .tipster-script-table th:nth-child(5){width:11%}
.tsslp__list .tipster-script-table th:nth-child(6){width:16%}
.tsslp__list .tipster-script-table th:nth-child(7){width:6%}
/* !important to beat this skin's own .tsslp__list th/td padding rules above,
which are themselves !important (they had to outrank the template's Tailwind
.px-5/.py-4 utilities). */
.tsslp__list th{padding:9px 12px!important}
.tsslp__list td{padding:10px 12px!important}
/* The arrow is a fixed 27px circle and will not shrink, so its column keeps
just enough room for it rather than pushing the table wider than its wrapper. */
.tsslp__list th:last-child,
.tsslp__list td:last-child{padding-left:5px!important;padding-right:5px!important}
.tsslp-ev__title{gap:7px}
/* The meta line keeps wrapping rather than clipping: it is a flex row, so
text-overflow would not ellipsize its children and a narrow column cut it
off mid-word. Wrapping cannot widen the table now that the layout is fixed. */
.tsslp-pick,.tsslp-bookie{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tsslp-tip{gap:7px}
.tsslp-tip img{width:22px;height:22px}
.tsslp-odds{padding:3px 9px}
.tsslp-status{padding:3px 8px;gap:4px}
.tsslp-profit{margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsslp-goto{width:27px;height:27px}
}

/* ==== feed picks: page band, home2a, shared status pills (shortcodes/feed_picks/shortcode.php) ==== */
.tssfeedp{font-family:Manrope,system-ui,sans-serif}
/* ---- page header band ---- */
.tssfeedp__band{position:relative;background:linear-gradient(180deg,var(--tip-band-from,#eaf0fa) 0%,var(--tip-band-to,#f5f7fb) 100%);border-bottom:1px solid var(--tip-band-border,#e2e8f2);overflow:hidden}
.tssfeedp__band::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(680px 300px at 82% 0%,rgba(var(--tip-color-primary-rgb,20, 88, 212),.09),transparent 70%)}
.tssfeedp__bandinner{position:relative;max-width:var(--tip-header-content-width,1280px);margin:0 auto;padding:var(--tip-band-pad-top,44px) var(--tip-header-content-padding,24px) var(--tip-band-pad-bottom,40px)}
.tssfeedp__pill{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:999px;background:var(--tip-tint-bg,#eef4ff);border:1px solid var(--tip-tint-border,#cfe0ff);font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--tip-tint-text,#0f3f99);text-transform:uppercase}
.tssfeedp__pilldot{width:7px;height:7px;border-radius:999px;background:var(--tip-color-primary,#1458d4);flex:none}
.tssfeedp__title{margin:16px 0 0;font-size:var(--tip-band-title,42px);line-height:1.05;font-weight:800;color:var(--tip-ink,#0d1526);letter-spacing:-.02em}
.tssfeedp__sub{margin:10px 0 0;font-size:16px;color:var(--tip-muted-strong,#48566e)}
/* ---- body ---- */
.tssfeedp__body{max-width:var(--tip-header-content-width,1280px);margin:0 auto;padding:28px var(--tip-header-content-padding,24px) 64px;box-sizing:border-box}
/* ---- filters (classes toggled by feed_picks_filter.js stay untouched) ---- */
/* padding-bottom gaps the chips from the horizontal scrollbar this row
draws on narrow screens — at 2px the bar sat right against the buttons. */
.tssfeedp__filters{margin-bottom:20px;padding-bottom:10px}
.tssfeedp .tssfeedp__filter{height:auto;padding:10px 18px;border-radius:11px;font-size:13.5px;gap:7px;transition:color .2s,border-color .2s,background .2s;cursor:pointer}
.tssfeedp .tssfeedp__filter .material-symbols-outlined{font-size:17px}
.tssfeedp .tssfeedp__filter[data-filter="live"] .material-symbols-outlined{color:#ef4444}
.tssfeedp .tssfeedp__filter[data-filter="high_odds"] .material-symbols-outlined{color:var(--tip-pos-text,#15803d)}
.tssfeedp .tssfeedp__filter.bg-white{background:var(--tip-card,#fff);border:1px solid var(--tip-card-border,#d8dee8);color:var(--tip-muted-strong,#48566e);font-weight:700}
.tssfeedp .tssfeedp__filter.bg-white:hover{border-color:var(--tip-color-primary,#1458d4);color:var(--tip-color-primary,#1458d4);background:var(--tip-card,#fff)}
.tssfeedp .tssfeedp__filter.bg-ts-primary,
.tssfeedp .tssfeedp__filter.bg-primary{background:#1458d4!important;border:1px solid #1458d4;color:#fff!important;font-weight:800;box-shadow:0 6px 16px rgba(var(--tip-color-primary-rgb,20, 88, 212),.3)}
.tssfeedp .tssfeedp__filter.bg-ts-primary .material-symbols-outlined,
.tssfeedp .tssfeedp__filter.bg-primary .material-symbols-outlined{color:#fff}
/* ---- grid ---- */
.tssfeedp__grid{gap:16px}
/* ---- card ---- */
.tssfeedp__card{background:var(--tip-card,#fff);border:1px solid var(--tip-card-border,#d8dee8);border-radius:14px;padding:20px;box-shadow:0 10px 25px rgba(23,32,51,.06);transition:border-color .2s,box-shadow .2s}
.tssfeedp__card:hover{border-color:var(--tip-card-hover-border,#7aa7ff);box-shadow:0 0 0 3px rgba(var(--tip-color-primary-rgb,20, 88, 212),.12)}
.tssfeedp__card--premium{border-color:var(--tip-warn-border,#f2dfa4)}
.tssfeedp__card--premium:hover{border-color:var(--tip-warn-border,#f2dfa4);box-shadow:0 10px 25px rgba(23,32,51,.06)}
.tssfeedp__cardtop{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tssfeedp__league{display:inline-flex;align-items:center;gap:8px;min-width:0}
.tssfeedp__sport{width:26px;height:26px;border-radius:7px;background:var(--tip-tint-bg,#eef4ff);display:flex;align-items:center;justify-content:center;flex:none}
.tssfeedp__sport img,.tssfeedp__sport svg{height:15px;width:auto}
.tssfeedp__sport .material-symbols-outlined{font-size:15px;color:var(--tip-color-primary,#1458d4)}
.tssfeedp__flag,img.tssfeedp__flag{height:13px;width:auto;border-radius:2px;flex:none}
.tssfeedp__leaguetxt{font-size:11.5px;font-weight:700;color:var(--tip-muted,#627084);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tssfeedp__badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:10.5px;font-weight:800;flex:none;text-transform:uppercase;letter-spacing:.02em}
.tssfeedp__badge .material-symbols-outlined{font-size:12px}
.tssfeedp__badge--premium{background:var(--tip-warn-bg,#fff7e0);border:1px solid var(--tip-warn-border,#f2dfa4);color:var(--tip-warn-text,#8a6511)}
.tssfeedp__badge--live{background:var(--tip-neg-bg,#fdeeee);border:1px solid var(--tip-neg-border,#f5c6c6);color:var(--tip-neg-text,#b91c1c)}
.tssfeedp__livedot{width:6px;height:6px;border-radius:999px;background:#ef4444;animation:tssfeedp-pulse 1.4s ease-in-out infinite}
@keyframes tssfeedp-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.tssfeedp__badge--odds{background:var(--tip-pos-bg,#f0fdf4);border:1px solid var(--tip-pos-border,#bbe8c8);color:var(--tip-pos-text,#15803d)}
.tssfeedp__match{margin:14px 0 0;font-size:17px;font-weight:800;line-height:1.3}
.tssfeedp__match a{color:var(--tip-ink,#0d1526);text-decoration:none;transition:color .2s}
.tssfeedp__match a:hover{color:var(--tip-color-primary,#1458d4)}
.tssfeedp__meta{margin:7px 0 0;font-size:12px;font-weight:600;color:var(--tip-muted,#627084);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.tssfeedp__metadot{color:var(--tip-faint-soft,#b9c2d0)}
.tssfeedp__metalive{color:var(--tip-neg-text,#b91c1c);font-weight:800}
.tssfeedp__pickwrap{position:relative;margin-top:14px}
.tssfeedp__pickbox{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:13px 15px;border-radius:11px;background:var(--tip-inset,#f8fafd);border:1px solid var(--tip-hairline,#e7ecf4)}
.tssfeedp__pickwrap .tssfeedp__pickbox{margin-top:0}
.tssfeedp__pickbox--blur{filter:blur(6px);user-select:none;pointer-events:none}
.tssfeedp__picklbl{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--tip-muted,#627084);text-transform:uppercase}
.tssfeedp__pickval{margin-top:2px;font-size:14.5px;font-weight:800;color:var(--tip-ink,#172033)}
.tssfeedp__pickval--odds{color:var(--tip-color-primary,#1458d4)}
.tssfeedp__pickodds{text-align:right}
.tssfeedp__lockover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;padding:8px}
.tssfeedp__lockover>.material-symbols-outlined{font-size:16px;color:var(--tip-gold,#b08a1e);flex:none}
.tssfeedp__lockdata{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--tip-warn-text,#8a6511);flex-wrap:wrap;justify-content:center}
.tssfeedp__lockdata a{color:var(--tip-color-primary,#1458d4)}
.tssfeedp__foot{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--tip-hairline,#eef2f8)}
.tssfeedp__avatar{width:34px;height:34px;border-radius:999px;object-fit:cover;flex:none}
.tssfeedp__tipster{min-width:0;flex:1}
.tssfeedp__tipstertop{display:flex;align-items:center;gap:5px}
.tssfeedp__tipstername{font-size:13px;font-weight:800;color:var(--tip-ink,#172033);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tssfeedp__status{padding:1px 7px;border-radius:999px;background:var(--tip-inset,#f5f7fb);border:1px solid var(--tip-hairline,#e7ecf4);color:var(--tip-muted,#627084);font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;flex:none}
.tssfeedp__status--pro{background:var(--tip-tint-bg,#eef4ff);border-color:var(--tip-tint-border,#cfe0ff);color:var(--tip-tint-text,#0f3f99)}
.tssfeedp__yield{font-size:11px;font-weight:700;margin-top:1px}
.tssfeedp__yield.is-up{color:var(--tip-pos-text,#15803d)}
.tssfeedp__yield.is-down{color:var(--tip-danger-alt,#dc2626)}
.tssfeedp__view{flex:none;padding:9px 16px;border-radius:9px;background:var(--tip-tint-bg,#eef4ff);border:1px solid var(--tip-tint-border,#cfe0ff);color:var(--tip-color-primary,#1458d4);font-size:12.5px;font-weight:800;text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.tssfeedp__view:hover{background:var(--tip-color-primary,#1458d4);border-color:var(--tip-color-primary,#1458d4);color:#fff}
.tssfeedp__unlock{flex:none;display:inline-flex;align-items:center;gap:5px;padding:9px 16px;border-radius:9px;background:var(--tip-ink,#172033);border:0;color:var(--tip-card,#fff);font-size:12.5px;font-weight:800;cursor:pointer;transition:background .2s;font-family:inherit}
.tssfeedp__unlock:hover{background:color-mix(in srgb, var(--tip-ink,#172033) 85%, #fff)}
.tssfeedp__unlock .material-symbols-outlined{font-size:14px}
/* ---- load more / login gate ---- */
.tssfeedp__more{display:flex;justify-content:center;padding-top:16px}
.tssfeedp__morebtn{gap:8px;padding:13px 26px;border-radius:11px;background:var(--tip-card,#fff);border:1px solid var(--tip-card-border,#d8dee8);color:var(--tip-ink,#172033);font-size:14px;font-weight:800;cursor:pointer;transition:border-color .2s,color .2s;font-family:inherit}
.tssfeedp__morebtn:hover{border-color:var(--tip-color-primary,#1458d4);color:var(--tip-color-primary,#1458d4)}
.tssfeedp__morebtn .material-symbols-outlined{font-size:18px}
.tssfeedp__gate{position:relative;width:100%;border-radius:14px;overflow:hidden;border:1px solid #d8dee8;background:linear-gradient(135deg,var(--tip-panel-from,#0b1530) 0%,var(--tip-panel-to,#122b66) 100%);padding:34px 32px;text-align:center}
.tssfeedp__gate::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 200px at 50% 0%,rgba(var(--tip-panel-glow-rgb,46, 99, 242),.4),transparent 70%)}
.tssfeedp__gateinner{position:relative}
.tssfeedp__gateicon{width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center}
.tssfeedp__gateicon .material-symbols-outlined{font-size:26px;color:#fff}
.tssfeedp__gatetitle{margin-top:14px;font-size:22px;font-weight:800;color:#fff}
.tssfeedp__gatesub{margin:6px auto 0;font-size:14px;color:#9fb0d4;max-width:420px}
.tssfeedp__gatebtns{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;flex-wrap:wrap}
.tssfeedp__gateprimary{padding:13px 26px;border-radius:11px;background:#2e63f2;color:#fff;font-size:14px;font-weight:800;text-decoration:none;box-shadow:0 10px 24px rgba(var(--tip-panel-glow-rgb,46, 99, 242),.4);transition:background .2s}
.tssfeedp__gateprimary:hover{background:#2455d8;color:#fff}
.tssfeedp__gatelogin{padding:13px 26px;border-radius:11px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:14px;font-weight:800;cursor:pointer;transition:background .2s;font-family:inherit}
.tssfeedp__gatelogin:hover{background:rgba(255,255,255,.14)}
/* ---- empty state ---- */
.tssfeedp__empty{padding:48px 0}
.tssfeedp__emptyicon{font-size:60px;color:var(--tip-faint-soft,#c9d2e0);margin-bottom:16px}
.tssfeedp__emptytitle{margin:0 0 8px;font-size:18px;font-weight:800;color:var(--tip-ink,#172033)}
.tssfeedp__emptytext{margin:0;font-size:14px;color:var(--tip-muted,#627084)}
@media(max-width:767px){
.tssfeedp__title{font-size:var(--tip-band-title-sm,32px)}
/* 64px of tail padding is desktop spacing against the footer. On a
page with a sidebar it stacks below the feed on mobile, so this
padding sits between the load-more button and the first widget
and reads as dead space. */
.tssfeedp__body{padding-bottom:24px}
}
@media(max-width:640px){
.tssfeedp__gatebtns{flex-direction:column}
}
.tssfeed2a{font-family:'IBM Plex Sans',sans-serif;color:var(--pb-ink)}
.tssfeed2a .msr{display:inline-block;font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;vertical-align:middle;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}
@keyframes tssfeed2a-pulse{0%,100%{opacity:1}50%{opacity:.35}}
/* ---- head ---- */
.tssfeed2a__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}
.tssfeed2a__headl{display:flex;align-items:center;gap:12px}
.tssfeed2a__fire{width:40px;height:40px;border-radius:11px;background:var(--pb-live-soft);color:var(--pb-neg);display:flex;align-items:center;justify-content:center;flex:none}
.tssfeed2a__fire .msr{font-size:22px}
.tssfeed2a__title{margin:0;font-family:'Archivo',sans-serif;font-weight:800;font-size:30px;line-height:1.1;letter-spacing:-.02em;color:var(--pb-ink)}
.tssfeed2a__archive{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:600;color:var(--pb-brand);text-decoration:none}
.tssfeed2a__archive:hover{color:var(--pb-brand-ink)}
.tssfeed2a__archive .msr{font-size:17px}
/* ---- filter chips (active/inactive classes toggled by feed_picks_filter.js) ---- */
.tssfeed2a__filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}
.tssfeed2a .tssfeed2a__chip{display:inline-flex;align-items:center;gap:6px;padding:9px 15px;border-radius:100px;font-family:'IBM Plex Sans',sans-serif;font-size:13.5px;font-weight:600;line-height:1.2;border:1px solid var(--pb-line);background:var(--pb-surface);color:var(--pb-muted);cursor:pointer;transition:color .2s,border-color .2s,background .2s;box-shadow:none}
.tssfeed2a .tssfeed2a__chip .msr{font-size:16px}
.tssfeed2a .tssfeed2a__chip.bg-white{background:var(--pb-surface)!important;border:1px solid var(--pb-line)!important;color:var(--pb-muted)!important;font-weight:600}
.tssfeed2a .tssfeed2a__chip.bg-white:hover{border-color:var(--pb-brand)!important;color:var(--pb-brand)!important}
.tssfeed2a .tssfeed2a__chip.bg-primary,
.tssfeed2a .tssfeed2a__chip.bg-ts-primary{background:var(--pb-brand)!important;border:1px solid var(--pb-brand)!important;color:#fff!important;font-weight:600;box-shadow:none}
.tssfeed2a .tssfeed2a__chip.bg-primary .msr,
.tssfeed2a .tssfeed2a__chip.bg-ts-primary .msr{color:#fff}
/* ---- grid ---- */
.tssfeed2a__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
/* ---- card ---- */
.tssfeed2a__card{position:relative;border:1px solid var(--pb-line);border-radius:16px;padding:20px;background:var(--pb-surface);box-shadow:0 1px 2px rgba(20,23,28,.04)}
.tssfeed2a__card--live{border-color:var(--pb-live)}
.tssfeed2a__card--premium{background:linear-gradient(160deg,#004b88,#00305c);color:#fff;overflow:hidden}
.tssfeed2a__badge{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.tssfeed2a__badge--live{color:var(--pb-live)}
.tssfeed2a__badge--premium{background:rgba(255,255,255,.16);color:#fff;padding:4px 9px;border-radius:100px}
.tssfeed2a__dot{width:7px;height:7px;border-radius:50%;background:var(--pb-live);flex:none;animation:tssfeed2a-pulse 1.4s infinite}
.tssfeed2a__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.tssfeed2a__lg{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--pb-muted);min-width:0}
.tssfeed2a__sport{width:26px;height:26px;border-radius:8px;background:var(--pb-brand-soft);color:var(--pb-brand);display:flex;align-items:center;justify-content:center;flex:none}
.tssfeed2a__sport .msr{font-size:16px}
.tssfeed2a__lgtxt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tssfeed2a__date{font-size:12px;font-weight:400;color:var(--pb-muted);flex:none}
.tssfeed2a__match{margin:0 0 16px;font-family:'IBM Plex Sans',sans-serif;font-size:17px;font-weight:600;line-height:1.3;letter-spacing:normal}
.tssfeed2a__match a{color:var(--pb-ink);text-decoration:none;transition:color .2s}
.tssfeed2a__match a:hover{color:var(--pb-brand)}
.tssfeed2a__row{display:flex;gap:10px;margin-bottom:16px}
.tssfeed2a__pick{flex:1;min-width:0;background:var(--pb-bg);border-radius:11px;padding:10px 12px}
.tssfeed2a__lbl{display:block;font-size:11px;font-weight:400;color:var(--pb-muted);text-transform:uppercase;letter-spacing:.05em}
.tssfeed2a__val{display:block;font-size:14.5px;font-weight:600;color:var(--pb-ink);margin-top:2px}
.tssfeed2a__val--blur{filter:blur(4px);user-select:none;pointer-events:none}
.tssfeed2a__odds{flex:none;background:var(--pb-brand-soft);border-radius:11px;padding:10px 16px;text-align:center}
.tssfeed2a__odds .tssfeed2a__lbl{color:var(--pb-brand-ink)}
.tssfeed2a__oddsval{display:block;font-family:'Archivo',sans-serif;font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--pb-brand-ink);margin-top:1px}
/* ---- foot ---- */
.tssfeed2a__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid var(--pb-line)}
.tssfeed2a__tip{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--pb-muted);min-width:0}
.tssfeed2a__ava{width:24px;height:24px;border-radius:50%;object-fit:cover;background:var(--pb-brand-soft);flex:none}
.tssfeed2a__tipname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tssfeed2a__yield--pos{color:var(--pb-pos);font-weight:600}
.tssfeed2a__yield--neg{color:#cc3430;font-weight:600}
.tssfeed2a__lockmsg{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--pb-muted);min-width:0}
.tssfeed2a__lockmsg a{color:var(--pb-brand);font-weight:600}
.tssfeed2a__lockmsg .tss_buy_pick{display:inline-flex;align-items:center;gap:5px;background:var(--pb-brand-soft)!important;color:var(--pb-brand-ink)!important;border:0;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;box-shadow:none;transform:none}
.tssfeed2a__lockmsg .tss_buy_pick .material-symbols-outlined{font-size:14px!important}
.tssfeed2a__btn{display:inline-flex;align-items:center;gap:5px;background:var(--pb-brand);color:#fff;font-family:'IBM Plex Sans',sans-serif;font-size:12.5px;font-weight:600;line-height:1.2;padding:8px 14px;border-radius:9px;border:0;cursor:pointer;text-decoration:none;flex:none;transition:background .2s}
.tssfeed2a__btn:hover{background:var(--pb-brand-ink);color:#fff}
.tssfeed2a__btn .msr{font-size:15px}
/* ---- premium (dark gradient) overrides ---- */
.tssfeed2a__card--premium .tssfeed2a__lg{color:rgba(255,255,255,.75)}
.tssfeed2a__card--premium .tssfeed2a__sport{background:rgba(255,255,255,.14);color:#fff}
.tssfeed2a__card--premium .tssfeed2a__match a{color:#fff}
.tssfeed2a__card--premium .tssfeed2a__pick{background:rgba(255,255,255,.1)}
.tssfeed2a__card--premium .tssfeed2a__lbl,
.tssfeed2a__card--premium .tssfeed2a__odds .tssfeed2a__lbl{color:rgba(255,255,255,.6)}
.tssfeed2a__card--premium .tssfeed2a__val{color:#fff}
.tssfeed2a__card--premium .tssfeed2a__odds{background:rgba(255,255,255,.18)}
.tssfeed2a__card--premium .tssfeed2a__oddsval{color:#fff}
.tssfeed2a__card--premium .tssfeed2a__foot{border-top-color:rgba(255,255,255,.16)}
.tssfeed2a__card--premium .tssfeed2a__tip,
.tssfeed2a__card--premium .tssfeed2a__lockmsg{color:rgba(255,255,255,.7)}
.tssfeed2a__card--premium .tssfeed2a__lockmsg a{color:#fff;text-decoration:underline}
.tssfeed2a__card--premium .tssfeed2a__btn{background:#fff;color:#004b88;font-weight:700}
.tssfeed2a__card--premium .tssfeed2a__btn:hover{background:#e2f5ff;color:#004b88}
/* ---- view all ---- */
.tssfeed2a__more{display:flex;justify-content:center;margin-top:22px}
.tssfeed2a__all{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--pb-line);background:var(--pb-surface);color:var(--pb-ink);font-size:14.5px;font-weight:600;padding:12px 22px;border-radius:11px;text-decoration:none;transition:border-color .2s,color .2s}
.tssfeed2a__all:hover{border-color:var(--pb-brand);color:var(--pb-brand)}
.tssfeed2a__all .msr{font-size:18px}
/* ---- empty state ---- */
.tssfeed2a__empty{grid-column:1/-1;text-align:center;padding:40px 20px;border:1px dashed var(--pb-line);border-radius:16px;color:var(--pb-muted)}
.tssfeed2a__empty-icon .msr{font-size:40px;color:var(--pb-brand)}
.tssfeed2a__empty-title{margin:12px 0 6px;font-size:16px;font-weight:600;color:var(--pb-ink)}
.tssfeed2a__empty-text{margin:0;font-size:13.5px}
@media(max-width:760px){
.tssfeed2a__grid{grid-template-columns:1fr}
.tssfeed2a__head{flex-wrap:wrap;align-items:center}
.tssfeed2a__title{font-size:24px}
}
.tssfeed-status{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:10.5px;font-weight:800;flex:none;text-transform:uppercase;letter-spacing:.02em}
.tssfeed-status .material-symbols-outlined,.tssfeed-status .msr{font-size:12px}
.tssfeed-status--1{background:var(--tip-pos-bg,#f0fdf4);border:1px solid var(--tip-pos-border,#bbe8c8);color:var(--tip-pos-text,#15803d)}
.tssfeed-status--3,.tssfeed-status--5{background:var(--tip-neg-bg,#fdeeee);border:1px solid var(--tip-neg-border,#f5c6c6);color:var(--tip-neg-text,#b91c1c)}
.tssfeed-status--4{background:var(--tip-tint-bg,#eef4ff);border:1px solid var(--tip-tint-border,#cfe0ff);color:var(--tip-tint-text,#0f3f99)}
.tssfeed-status--2,.tssfeed-status--7{background:var(--tip-inset,#f5f7fb);border:1px solid var(--tip-hairline,#e7ecf4);color:var(--tip-muted,#627084)}
.tssfeed2a .tssfeed-status{position:absolute;top:16px;right:16px}

/* ==== tipsters band header (shortcodes/tipsters/shortcode.php, header_style="band") ==== */
.tsstips__band{position:relative;background:linear-gradient(180deg,var(--tip-band-from,#eaf0fa) 0%,var(--tip-band-to,#f5f7fb) 100%);border-bottom:1px solid var(--tip-band-border,#e2e8f2);overflow:hidden;font-family:Manrope,system-ui,sans-serif}
.tsstips__band::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(680px 300px at 82% 0%,rgba(var(--tip-color-primary-rgb,20, 88, 212),.09),transparent 70%)}
.tsstips__bandinner{position:relative;max-width:var(--tip-header-content-width,1280px);margin:0 auto;padding:var(--tip-band-pad-top,44px) var(--tip-header-content-padding,24px) var(--tip-band-pad-bottom,40px)}
.tsstips__pill{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:999px;background:var(--tip-tint-bg,#eef4ff);border:1px solid var(--tip-tint-border,#cfe0ff);font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--tip-tint-text,#0f3f99);text-transform:uppercase}
.tsstips__pill .material-symbols-outlined{font-size:14px;color:var(--tip-color-primary,#1458d4)}
.tsstips__title{margin:16px 0 0;font-size:var(--tip-band-title,42px);line-height:1.05;font-weight:800;color:var(--tip-ink,#0d1526);letter-spacing:-.02em}
.tsstips__sub{margin:10px 0 0;font-size:16px;color:var(--tip-muted-strong,#48566e)}
@media(max-width:767px){.tsstips__title{font-size:var(--tip-band-title-sm,32px)}.tsstips__bandinner{padding-left:20px;padding-right:20px}}

/* ==== checkout skin (templates/tipster_checkout.php; union with checkout_modern.php's extra selectors) ==== */
.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background-color: rgba(156, 163, 175, 0.5); border-radius: 20px; }

/* ---- Checkout.dc.html skin ---- */
main.tsschk{background:rgba(6,11,24,.55);backdrop-filter:blur(3px);font-family:Manrope,system-ui,sans-serif}
.tsschk__dialog{max-width:520px}
.tsschk__card{background:var(--tip-card,#fff);border-radius:20px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.5)}
.tsschk__head{position:relative;padding:26px 28px;background:linear-gradient(135deg,var(--tip-panel-from,#0b1530) 0%,var(--tip-panel-to,#122b66) 100%);overflow:hidden}
.tsschk__head::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(320px 180px at 88% 0%,rgba(var(--tip-panel-glow-rgb,46, 99, 242),.4),transparent 70%)}
.tsschk__head>*{position:relative}
.tsschk__head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.tsschk__flag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(245,184,64,.16);border:1px solid rgba(245,184,64,.5);color:#f5c860;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.tsschk__flag .material-symbols-outlined{font-size:13px}
.tsschk__title{margin:12px 0 0;font-size:26px;font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.2}
.tsschk__subline{margin:4px 0 0;font-size:13px;font-weight:600;color:#9fb0d4}
.tsschk__subline .tss_cart_tipster{color:#fff;font-weight:800}
.tsschk__close{width:36px;height:36px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;flex:none;cursor:pointer;text-decoration:none!important;transition:background .2s}
.tsschk__close:hover{background:rgba(255,255,255,.2)}
.tsschk__close .material-symbols-outlined{font-size:20px;color:#fff}
.tsschk__tipster{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.tsschk__tavatar{width:40px;height:40px;border-radius:999px;flex:none}
.tsschk__tavatar--img{object-fit:cover;display:block}
.tsschk__tavatar--txt{background:var(--tip-color-primary,#2e63f2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
.tsschk__tavatar[hidden]{display:none}
.tsschk__twho{min-width:0;flex:1}
.tsschk__tname{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:800;color:#fff}
.tsschk__tname .material-symbols-outlined{font-size:15px;color:#7c9bff}
.tsschk__tyield{text-align:right;flex:none}
.tsschk__tyield[hidden]{display:none}
.tsschk__tyield-val{display:block;font-size:14px;font-weight:800;color:#4ade80}
.tsschk__tyield-cap{display:block;font-size:10px;font-weight:800;letter-spacing:.06em;color:#8fa2c9;text-transform:uppercase}
.tsschk__body{padding:24px 28px 28px}
.tsschk__label{display:block;margin:0;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--tip-muted,#627084);text-transform:uppercase}
.tsschk__label--gap{margin-top:22px}
.tsschk__coupon{display:flex;gap:10px;margin-top:9px}
.tsschk__cfield{flex:1;display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:11px;background:var(--tip-inset,#f8fafd);border:1px solid var(--tip-hairline,#e2e8f2);transition:border-color .2s}
.tsschk__cfield:focus-within{border-color:#7aa7ff}
.tsschk__cfield .material-symbols-outlined{font-size:17px;color:var(--tip-faint,#8b97ab);flex:none}
input.tsschk__cinput{flex:1;min-width:0;margin:0;padding:0;border:0;background:transparent;font-size:13.5px;font-weight:600;color:var(--tip-ink,#172033);font-family:inherit;outline:none;box-shadow:none}
input.tsschk__cinput::placeholder{color:var(--tip-faint,#8b97ab)}
button.tsschk__capply{display:inline-flex;align-items:center;padding:0 22px;border-radius:11px;background:var(--tip-tint-bg,#eef4ff);border:1px solid var(--tip-tint-border,#cfe0ff);color:var(--tip-color-primary,#1458d4);font-size:13.5px;font-weight:800;font-family:inherit;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
button.tsschk__capply:hover{background:var(--tip-color-primary,#1458d4);border-color:var(--tip-color-primary,#1458d4);color:var(--tip-color-btn-text,#fff)}
.tsschk__cmsg{margin:8px 0 0;font-size:12px;font-weight:600}
.tsschk__cmsg.d-none{display:none}
.tsschk__details{margin-top:9px;border:1px solid var(--tip-hairline,#e7ecf4);border-radius:11px;overflow:hidden}
.tsschk__drow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid var(--tip-hairline,#eef2f8)}
.tsschk__drow:last-child{border-bottom:0}
.tsschk__dlabel{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;color:var(--tip-muted-strong,#48566e)}
.tsschk__dlabel .material-symbols-outlined{font-size:18px;color:var(--tip-color-primary,#1458d4)}
.tsschk__dval{font-size:13.5px;font-weight:800;color:var(--tip-ink,#172033);text-align:right}
.tsschk__save{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:12px 15px;border-radius:11px;background:var(--tip-inset,#f8fafd);border:1px solid var(--tip-hairline,#e2e8f2)}
.tsschk__save .tss-saving-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--tip-muted,#627084)}
.tsschk__save .tss-saving-label .material-symbols-outlined{font-size:17px}
.tsschk__save-right{display:inline-flex;align-items:baseline;gap:5px}
.tsschk__save .tss-saving-amount{font-size:13.5px;font-weight:800;color:var(--tip-muted,#627084)}
.tsschk__save-note{display:none;font-size:13.5px;font-weight:700;color:#3f7a52}
.tsschk__save[data-has-discount="true"]{background:#f0fdf4;border-color:#bbe8c8}
.tsschk__save[data-has-discount="true"] .tss-saving-label{color:var(--tip-pos-text,#15803d)}
.tsschk__save[data-has-discount="true"] .tss-saving-amount{color:var(--tip-pos-text,#15803d)}
.tsschk__save[data-has-discount="true"] .tsschk__save-note{display:inline}
.tsschk__final{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:18px 20px;border-radius:11px;background:linear-gradient(135deg,var(--tip-panel-from,#0b1530) 0%,var(--tip-panel-to,#122b66) 100%)}
.tsschk__final-cap{display:block;font-size:11px;font-weight:800;letter-spacing:.07em;color:#8fa2c9;text-transform:uppercase}
.tsschk__final-sub{display:block;margin-top:2px;font-size:12px;font-weight:700;color:#9fb0d4}
.tsschk__final-right{text-align:right}
.tsschk__final-right .tss_cart_final_price{display:block;font-size:30px;font-weight:800;color:#fff;line-height:1}
.tsschk__was{display:none;margin-top:2px;font-size:11px;font-weight:700;color:#8fa2c9;text-decoration:line-through}
.tsschk:has(.tsschk__save[data-has-discount="true"]) .tsschk__was{display:block}
/* One selected tile, not a wall of them: these styles predate the second payment method,
when the single Stripe tile was always drawn selected. Now the selected look follows the
radio's real :checked state. */
.tsschk__pm{display:flex;align-items:center;gap:13px;margin-top:9px;padding:15px 16px;border-radius:11px;background:var(--tip-card,#fff);border:2px solid var(--tip-tint-border,#cfe0ff);cursor:pointer}
.tsschk__pm:has(.tsschk__pm-radio:checked){background:var(--tip-tint-bg,#eef4ff);border-color:var(--tip-color-primary,#1458d4)}
.tsschk__pm-radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.tsschk__pm-tile{width:40px;height:40px;border-radius:10px;background:var(--tip-card,#fff);border:1px solid var(--tip-tint-border,#cfe0ff);display:flex;align-items:center;justify-content:center;flex:none}
.tsschk__pm-tile .material-symbols-outlined{font-size:21px;color:var(--tip-color-primary,#1458d4)}
.tsschk__pm-info{min-width:0;flex:1}
.tsschk__pm-name{display:block;font-size:14px;font-weight:800;color:var(--tip-ink,#172033)}
.tsschk__pm-sub{display:block;font-size:11.5px;font-weight:700;color:var(--tip-muted,#627084)}
.tsschk__pm-check{width:22px;height:22px;border-radius:999px;background:transparent;border:2px solid var(--tip-tint-border,#cfe0ff);display:flex;align-items:center;justify-content:center;flex:none}
.tsschk__pm-check .material-symbols-outlined{visibility:hidden}
.tsschk__pm:has(.tsschk__pm-radio:checked) .tsschk__pm-check{background:var(--tip-color-primary,#1458d4);border-color:var(--tip-color-primary,#1458d4)}
.tsschk__pm:has(.tsschk__pm-radio:checked) .tsschk__pm-check .material-symbols-outlined{visibility:visible}
.tsschk__pm-check .material-symbols-outlined{font-size:15px;color:var(--tip-color-btn-text,#fff)}
button.tsschk__pay{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;box-sizing:border-box;margin-top:20px;padding:16px 0;border-radius:11px;background:var(--tip-color-primary,#1458d4);border:0;color:var(--tip-color-btn-text,#fff);font-size:15.5px;font-weight:800;font-family:inherit;cursor:pointer;box-shadow:0 6px 18px rgba(var(--tip-color-primary-rgb,20, 88, 212),.3);transition:background .2s}
button.tsschk__pay:hover{background:var(--tip-color-primary-end,#0f3f99)}
button.tsschk__pay .material-symbols-outlined{font-size:19px}
.tsschk__trust{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;flex-wrap:wrap}
.tsschk__trust-item{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--tip-muted,#627084)}
.tsschk__trust-item .material-symbols-outlined{font-size:16px;color:var(--tip-pos-text,#15803d)}
.tsschk__trust-dot{width:4px;height:4px;border-radius:999px;background:#c3ccda}
/* selectors only checkout_modern.php markup uses */
.tsschk__mtile{width:40px;height:40px;border-radius:10px;background:rgba(var(--tip-panel-glow-rgb,46, 99, 242),.25);border:1px solid rgba(124,155,255,.35);color:#9db9ff;display:flex;align-items:center;justify-content:center;flex:none}
.tsschk__mtile .material-symbols-outlined{font-size:21px}
.tsschk__tcap{display:block;margin-top:1px;font-size:10px;font-weight:800;letter-spacing:.06em;color:#8fa2c9;text-transform:uppercase}
.tsschk__final-right .tss_cart_final_price_p{display:block;font-size:30px;font-weight:800;color:#fff;line-height:1}

/* ==== checkout classic overrides (templates/checkout_classic.php) ==== */
.custom-scrollbar::-webkit-scrollbar {
width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
background-color: rgba(156, 163, 175, 0.5);
border-radius: 20px;
}

/* ==== featured tipster style 1 (featured_tipster/templates/tipster.php) ==== */
.tss-fg{position:relative;display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #e8edf5;border-radius:16px;padding:28px 24px 20px;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:box-shadow .25s,border-color .25s}
.tss-fg *{box-sizing:border-box}
.tss-fg:hover{border-color:rgba(var(--tip-color-primary-rgb,20, 88, 212),.35);box-shadow:0 14px 30px rgba(16,24,40,.08)}
.tss-fg__badge{position:absolute;top:-12px;left:24px;display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 2px 6px rgba(16,24,40,.14)}
.tss-fg__badge--pro{background:#f5b840;color:#3a2c00;border:1px solid #e0a52e}
.tss-fg__badge--free{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}
.tss-fg__head{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:22px}
.tss-fg__avatar-wrap{position:relative;width:80px;height:80px;margin-bottom:12px}
.tss-fg__avatar{width:80px;height:80px;border-radius:999px;object-fit:cover;border:2px solid #eef2f8}
.tss-fg__check{position:absolute;bottom:1px;right:1px;width:22px;height:22px;border-radius:999px;background:#1458d4;border:2px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(16,24,40,.2)}
.tss-fg__name{margin:0 0 3px;font-size:18px;font-weight:800}
.tss-fg__name a{color:var(--tip-color-primary,#1458d4);text-decoration:none}
.tss-fg__name a:hover{color:var(--tip-color-primary-end,#0f3f99)}
.tss-fg__period{font-size:12.5px;color:#627084}
.tss-fg__stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #eef2f8;padding-bottom:20px;margin-bottom:16px}
.tss-fg__stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.tss-fg__stat+.tss-fg__stat{border-left:1px solid #eef2f8}
.tss-fg__stat-l{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#627084}
.tss-fg__stat-v{font-size:20px;font-weight:800;line-height:1}
.tss-fg__row{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed #e5e9f0}
.tss-fg__row--last{border-bottom:0;padding-bottom:0;margin-bottom:0}
.tss-fg__row-l{color:#627084}
.tss-fg__row-v{font-weight:700;color:#172033}
.tss-fg__pills{display:flex;gap:6px}
.tss-fg__pill{width:26px;height:26px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;border:1px solid}
.tss-fg__pill--w{background:#effdf4;color:#16a34a;border-color:#bbf7d0}
.tss-fg__pill--l{background:#fef2f2;color:#dc2626;border-color:#fecaca}
.tss-fg__pill--v{background:#f8fafc;color:#64748b;border-color:#e2e8f0}
.tss-fg__foot{margin-top:auto;padding-top:16px;text-align:right}
.tss-fg__link{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:700;color:var(--tip-color-primary,#1458d4);text-decoration:none}
.tss-fg__link:hover{color:var(--tip-color-primary-end,#0f3f99)}

/* ==== featured tipster style 2 (featured_tipster/templates/tipster-style2.php) ==== */
.tss-featured-2{margin:0 auto}
.tss-featured-2 *{box-sizing:border-box}
.tss-featured-2__card{display:grid;grid-template-columns:1.4fr 1fr;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,var(--tip-panel-from,#0b1530) 0%,var(--tip-panel-to,#122b66) 100%);box-shadow:0 24px 60px rgba(11,21,48,.35)}
.tss-featured-2__left{padding:44px 48px;position:relative}
.tss-featured-2__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(480px 260px at 20% 0%,rgba(var(--tip-panel-glow-rgb,46, 99, 242),.35),transparent 70%)}
.tss-featured-2__inner{position:relative}
.tss-featured-2__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;background:rgba(245,184,64,.14);border:1px solid rgba(245,184,64,.45)}
.tss-featured-2__badge>span:last-child{font-size:10.5px;font-weight:800;letter-spacing:.1em;color:#f5c860;text-transform:uppercase}
.tss-featured-2__id{display:flex;align-items:center;gap:16px;margin-top:22px}
.tss-featured-2__avatar{width:64px;height:64px;border-radius:999px;object-fit:cover;border:2px solid rgba(255,255,255,.25);flex-shrink:0}
.tss-featured-2__name{display:flex;align-items:center;gap:8px}
.tss-featured-2__name b{font-size:24px;font-weight:800;color:#fff;line-height:1.1}
.tss-featured-2__role{margin-top:2px;font-size:13px;color:#9fb0d4}
.tss-featured-2__desc{margin-top:18px;max-width:460px;font-size:15px;line-height:1.6;color:#c2cde4}
.tss-featured-2__stats{display:flex;flex-wrap:wrap;gap:34px;margin-top:26px}
.tss-featured-2__stat-v{font-size:26px;font-weight:800;color:#fff;line-height:1}
.tss-featured-2__stat-v--green{color:#4ade80}
.tss-featured-2__stat-v--red{color:#f87171}
.tss-featured-2__stat-l{margin-top:4px;font-size:10.5px;font-weight:800;letter-spacing:.09em;color:#8fa2c9;text-transform:uppercase}
.tss-featured-2__right{padding:32px;display:flex;align-items:center}
.tss-featured-2__box{width:100%;background:var(--tip-card,#fff);border-radius:14px;padding:26px;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.tss-featured-2__price{display:flex;align-items:baseline;gap:6px}
.tss-featured-2__price b{font-size:34px;font-weight:800;color:var(--tip-ink,#172033);line-height:1}
.tss-featured-2__price span{font-size:14px;font-weight:700;color:var(--tip-muted,#627084)}
.tss-featured-2__note{margin-top:4px;font-size:12.5px;color:var(--tip-muted,#627084)}
.tss-featured-2__feats{display:grid;gap:10px;margin-top:18px}
.tss-featured-2__feat{display:flex;align-items:center;gap:9px}
.tss-featured-2__feat>span:last-child{font-size:13.5px;font-weight:600;color:var(--tip-ink,#172033)}
.tss-featured-2__box .tss_tipster_subscribe{margin:0}
.tss-featured-2__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:20px;padding:14px 0;border:0;border-radius:11px;background:var(--tip-color-primary,#1458d4);color:var(--tip-color-btn-text,#fff);font-size:14.5px;font-weight:800;box-shadow:0 10px 24px rgba(var(--tip-color-primary-rgb,20, 88, 212),.3);cursor:pointer;text-decoration:none;transition:background .2s}
.tss-featured-2__btn:hover{background:var(--tip-color-primary-end,#0f3f99);color:var(--tip-color-btn-text,#fff)}
.tss-featured-2__btn--disabled{background:var(--tip-pos-bg-strong,#dcfce7);color:var(--tip-pos-text,#15803d);box-shadow:none;cursor:not-allowed}
.tss-featured-2__secure{margin-top:12px;text-align:center;font-size:11.5px;color:var(--tip-faint,#8b97ab)}
.tss-featured-2__box--free{display:flex;flex-direction:column}
.tss-featured-2__free-badge{align-self:flex-start;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tip-pos-text,#15803d);background:var(--tip-pos-bg-strong,#dcfce7);border:1px solid var(--tip-pos-border,#bbf7d0);border-radius:999px;padding:4px 10px;margin-bottom:14px}
@media(max-width:900px){
.tss-featured-2__card{grid-template-columns:1fr}
.tss-featured-2__left{padding:32px 24px}
.tss-featured-2__right{padding:0 24px 28px}
}

/* ==== featured tipster style 3 (featured_tipster/templates/tipster-style3.php) ==== */
.tss-ft3{display:grid;grid-template-columns:320px 1fr;gap:32px;align-items:center;border:1px solid var(--pb-line);border-radius:20px;padding:30px;background:var(--pb-bg)}
.tss-ft3 *{box-sizing:border-box}
.tss-ft3--white{background:var(--pb-surface)}
.tss-ft3__photo{height:300px;border-radius:16px;background:#161b22;overflow:hidden}
.tss-ft3__photo img{display:block;width:100%;height:100%;object-fit:cover}
.tss-ft3__name-row{display:flex;align-items:center;gap:9px}
.tss-ft3__name{font-family:'Archivo',sans-serif;font-weight:800;font-size:28px;letter-spacing:-.02em;line-height:1.2;color:var(--pb-ink);margin:0}
.tss-ft3__verified{font-size:23px;color:var(--pb-brand)}
.tss-ft3__role{font-family:'IBM Plex Sans',sans-serif;color:var(--pb-muted);font-size:14.5px;margin:4px 0 18px}
.tss-ft3__bio{font-family:'IBM Plex Sans',sans-serif;font-size:15.5px;line-height:1.6;color:var(--pb-ink);max-width:520px;margin:0 0 22px}
.tss-ft3__stats{display:flex;flex-wrap:wrap;gap:14px}
.tss-ft3__tile{flex:1;min-width:140px;background:var(--pb-surface);border:1px solid var(--pb-line);border-radius:12px;padding:16px}
.tss-ft3--white .tss-ft3__tile{background:var(--pb-bg)}
.tss-ft3__tile-v{font-family:'Archivo',sans-serif;font-weight:800;font-size:24px;line-height:1.25;color:var(--pb-ink)}
.tss-ft3__tile-l{font-family:'IBM Plex Sans',sans-serif;font-size:11.5px;color:var(--pb-muted)}
.tss-ft3__link{display:inline-flex;align-items:center;gap:6px;margin-top:20px;font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:14.5px;color:var(--pb-brand);text-decoration:none}
.tss-ft3__link:hover{color:var(--pb-brand-ink)}
.tss-ft3__link .msr{font-size:17px}
@media(max-width:820px){
.tss-ft3{grid-template-columns:1fr;gap:24px;padding:22px}
.tss-ft3__photo{height:260px}
}

/* ==== subscribe widget, both skins (widgets/Tipstersubscribe.php) ==== */
.widget_tipstersubscribe{padding:0!important;margin:0;background:transparent!important;border:0!important;border-radius:14px;box-shadow:none!important;overflow:visible!important}
.widget_tipstersubscribe:hover{box-shadow:none!important;transform:none!important}
.tsssubw{position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,var(--tip-panel-from,#0b1530) 0%,var(--tip-panel-to,#122b66) 100%);box-shadow:0 4px 12px rgba(var(--tip-panel-glow-rgb,46, 99, 242),.25);padding:24px;font-family:Manrope,system-ui,sans-serif}
.tsssubw::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(300px 180px at 85% 0%,rgba(var(--tip-panel-glow-rgb,46, 99, 242),.4),transparent 70%)}
.tsssubw>*{position:relative}
.tsssubw__author{display:flex;align-items:center;gap:12px}
.tsssubw__avatar{width:48px;height:48px;border-radius:999px;border:2px solid rgba(255,255,255,.25);flex:none;object-fit:cover;display:block}
.tsssubw__avatar--txt{background:var(--tip-color-primary,#2e63f2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800}
.tsssubw__who{display:flex;flex-direction:column;min-width:0}
.tsssubw__name{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:800;color:#fff!important;text-decoration:none}
.tsssubw__name:hover{color:#fff!important;text-decoration:underline}
.tsssubw__name .material-symbols-outlined{font-size:15px;color:#7c9bff}
.tsssubw__stats{font-size:11.5px;font-weight:700;color:#9fb0d4}
.tsssubw__text{margin-top:14px;font-size:13.5px;line-height:1.55;color:#c2cde4}
.tsssubw__hidden{position:absolute!important;width:1px;height:1px;opacity:0;pointer-events:none;margin:0;padding:0;border:0}
.tsssubw__btn{display:block;width:100%;box-sizing:border-box;text-align:center;margin:14px 0 0;padding:12px 0;border-radius:10px;background:#fff;border:0;color:var(--tip-color-primary-end,#0f3f99)!important;font-size:13.5px;font-weight:800;font-family:inherit;line-height:1.3;cursor:pointer;text-decoration:none;transition:background .2s}
.tsssubw__btn:hover{background:var(--tip-tint-bg,#eaf0fa);color:var(--tip-color-primary-end,#0f3f99)!important}
.tsssubw__btn--disabled{background:rgba(255,255,255,.14);color:#9fb0d4!important;cursor:default}
.tsssubw__btn--disabled:hover{background:rgba(255,255,255,.14)}
.widget_tipstersubscribe:has(.tsssubw2a){padding:0!important;margin:0;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.widget_tipstersubscribe:has(.tsssubw2a):hover{box-shadow:none!important;transform:none!important}
.tsssubw2a{background:var(--pb-surface);border:1px solid var(--pb-line);border-radius:18px;padding:28px;display:flex;flex-direction:column;font-family:'IBM Plex Sans',sans-serif;color:var(--pb-ink)}
.tsssubw2a__head{display:flex;align-items:center;gap:10px;margin:0 0 6px}
.tsssubw2a__ico{width:36px;height:36px;border-radius:10px;background:var(--pb-brand-soft);color:var(--pb-brand);display:flex;align-items:center;justify-content:center;flex:none}
.tsssubw2a__ico .msr{font-size:21px}
.tsssubw2a__title{margin:0;font-family:'Archivo',sans-serif;font-weight:800;font-size:20px;letter-spacing:-.02em;line-height:1.2;color:var(--pb-ink)}
.tsssubw2a__copy{margin:0 0 18px;font-size:13.5px;line-height:1.5;color:var(--pb-muted)}
.tsssubw2a__label{display:block;font-size:11.5px;font-weight:600;color:var(--pb-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}
.tsssubw2a__selwrap{position:relative;display:block}
.tsssubw2a__select{appearance:none;-webkit-appearance:none;width:100%;box-sizing:border-box;border:1px solid var(--pb-line);border-radius:11px;padding:13px 42px 13px 14px;font-family:'IBM Plex Sans',sans-serif;font-size:14.5px;font-weight:600;line-height:1.3;color:var(--pb-ink);background:var(--pb-bg);cursor:pointer}
.tsssubw2a__chev{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--pb-muted);pointer-events:none}
.tsssubw2a__pricerow{display:flex;align-items:baseline;justify-content:space-between;margin:22px 0 2px}
.tsssubw2a__term{font-size:13px;color:var(--pb-muted)}
.tsssubw2a__price{font-family:'Archivo',sans-serif;font-weight:800;font-size:32px;letter-spacing:-.02em;color:var(--pb-ink)}
.tsssubw2a__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;background:var(--pb-brand);color:#fff!important;font-family:inherit;font-weight:600;font-size:15px;line-height:1.3;padding:14px;border:0;border-radius:11px;cursor:pointer;margin:14px 0 0;text-align:center;text-decoration:none;transition:background .2s}
.tsssubw2a__btn:hover{background:var(--pb-brand-ink);color:#fff!important}
.tsssubw2a__btn .msr{font-size:18px}
.tsssubw2a__btn--disabled{background:var(--pb-line);color:var(--pb-muted)!important;cursor:default}
.tsssubw2a__btn--disabled:hover{background:var(--pb-line)}
.tsssubw2a__note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;font-size:12px;color:var(--pb-muted)}
.tsssubw2a__note .msr{font-size:15px}
/* Website subscription packages ([tss_site_subscription]) — the CTA a premium
   tipster shows when the site sells one subscription for every analyst. Same
   token set as the rest of this file, so it follows the site's palette. */
.tss-sitesub{margin:0 0 28px}
.tss-sitesub__title{margin:0 0 6px;font-family:'Archivo',sans-serif;font-weight:800;font-size:22px;letter-spacing:-.02em;line-height:1.25;color:var(--pb-ink)}
.tss-sitesub__subtitle{margin:0 0 18px;font-size:14px;line-height:1.55;color:var(--pb-muted)}
.tss-sitesub__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.tss-sitesub__card{background:var(--pb-surface);border:1px solid var(--pb-line);border-radius:18px;padding:24px;display:flex;flex-direction:column;font-family:'IBM Plex Sans',sans-serif;color:var(--pb-ink)}
.tss-sitesub__price{display:flex;align-items:baseline;gap:6px;margin:0 0 4px}
.tss-sitesub__price .sub_price{font-family:'Archivo',sans-serif;font-weight:800;font-size:32px;letter-spacing:-.02em;color:var(--pb-ink)}
.tss-sitesub__per{font-size:13px;color:var(--pb-muted)}
.tss-sitesub__perks{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.tss-sitesub__perks li{position:relative;padding-left:22px;font-size:13.5px;line-height:1.5;color:var(--pb-muted)}
.tss-sitesub__perks li::before{content:'';position:absolute;left:0;top:.45em;width:12px;height:7px;border-left:2px solid var(--pb-brand);border-bottom:2px solid var(--pb-brand);transform:rotate(-45deg)}
.tss-sitesub__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;margin:20px 0 0;padding:14px;border:0;border-radius:11px;background:var(--pb-brand);color:#fff!important;font-family:inherit;font-weight:600;font-size:15px;line-height:1.3;text-align:center;text-decoration:none;cursor:pointer;transition:background .2s}
.tss-sitesub__btn:hover{background:var(--pb-brand-ink);color:#fff!important}
.tss-sitesub__btn[disabled]{background:var(--pb-line);color:var(--pb-muted)!important;cursor:default}
.tss-sitesub__btn[disabled]:hover{background:var(--pb-line)}
/* sidebar width: one column, tighter type */
.tss-sitesub--compact .tss-sitesub__grid{grid-template-columns:1fr;gap:12px}
.tss-sitesub--compact .tss-sitesub__card{padding:20px;border-radius:16px}
.tss-sitesub--compact .tss-sitesub__title{font-size:18px}
.tss-sitesub--compact .tss-sitesub__subtitle{font-size:13px;margin-bottom:14px}
.tss-sitesub--compact .tss-sitesub__price .sub_price{font-size:27px}