/* Thatsagoal Racing — palette from the Racing Tips logo
   black #000 · panel #0D1A12 · green #529A6B · gold #E9C955 */
.tg-r{--r-bg:#000;--r-panel:#0d1a12;--r-panel2:#12251a;--r-line:#1f3a2a;--r-green:#529a6b;--r-green2:#6fb889;--r-gold:#e9c955;--r-text:#f2f4f2;--r-mute:#9fb5a7;--r-red:#d9675c;
	font-family:Barlow,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--r-text);background:var(--r-bg);border-radius:14px;padding:16px;margin:0 0 24px;line-height:1.4;box-sizing:border-box}
.tg-r *,.tg-r *::before,.tg-r *::after{box-sizing:border-box}
.tg-r a{color:inherit}
.tg-r__h{font-weight:800;font-size:1.45rem;letter-spacing:.01em;margin:0 0 6px;color:var(--r-text);border-left:4px solid var(--r-gold);padding-left:10px}
.tg-r__date,.tg-r__intro{margin:0 0 14px;color:var(--r-mute);font-size:.95rem}
.tg-r__date{font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;color:var(--r-gold)}

/* Tiles */
.tg-r__tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:10px}
@media(min-width:760px){.tg-r__tiles{grid-template-columns:repeat(4,1fr)}}
.tg-r__tile{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px 14px 18px;background:linear-gradient(160deg,var(--r-panel2),var(--r-panel));border:1px solid var(--r-line);border-radius:12px;text-decoration:none;transition:border-color .15s,transform .15s}
.tg-r__tile:hover,.tg-r__tile:focus-visible{border-color:var(--r-gold);transform:translateY(-2px)}
.tg-r__tilet{font-weight:800;font-size:1.15rem;color:var(--r-gold)}
.tg-r__tiles2{font-size:.85rem;color:var(--r-mute)}
.tg-r__tilego{position:absolute;right:12px;top:14px;color:var(--r-green2);font-weight:700}

/* Meeting filter */
.tg-r__filter{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;margin:0 0 4px;scrollbar-width:thin}
.tg-r__fbtn{flex:0 0 auto;font:600 .9rem Barlow,system-ui,sans-serif;color:var(--r-text);background:var(--r-panel);border:1px solid var(--r-line);border-radius:999px;padding:7px 14px;cursor:pointer}
.tg-r__fbtn:hover{border-color:var(--r-green)}
.tg-r__fbtn.is-on{background:var(--r-green);border-color:var(--r-green);color:#000}

/* Races */
.tg-r__list{display:flex;flex-direction:column;gap:12px}
.tg-r__race{background:var(--r-panel);border:1px solid var(--r-line);border-radius:12px;padding:12px;transition:opacity .2s}
.tg-r__race[hidden]{display:none}
.tg-r__racename{display:flex;align-items:baseline;gap:8px;margin:0 0 2px;font-weight:800;font-size:1.1rem;color:var(--r-text)}
.tg-r__time{display:inline-block;background:var(--r-gold);color:#000;font-weight:800;border-radius:6px;padding:1px 7px;font-size:.95em}
.tg-r__racemeta{display:flex;flex-direction:column;margin:0 0 10px;font-size:.85rem;color:var(--r-mute)}
.tg-r__title{color:var(--r-text);opacity:.85}
.tg-r__offlbl{display:none;align-self:flex-start;margin-top:4px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#000;background:var(--r-mute);border-radius:4px;padding:1px 6px}
.tg-r__race.is-off{opacity:.45;filter:grayscale(.7)}
.tg-r__race.is-off .tg-r__offlbl{display:inline-block}
.tg-r__race.is-off .tg-r__price{pointer-events:none}

/* A selection */
.tg-r__pick{border-top:1px solid var(--r-line);padding:10px 0 4px}
.tg-r__pick:first-of-type{border-top:0}
.tg-r__row{display:grid;grid-template-columns:34px auto 1fr auto;grid-template-areas:"role role role role" "silk no runner price";align-items:center;column-gap:10px;row-gap:6px}
.tg-r__role{grid-area:role;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--r-green2)}
.tg-r__role--value{color:var(--r-gold)}
.tg-r__silk{grid-area:silk;width:34px;height:34px;object-fit:contain;border-radius:6px;background:#fff1}
.tg-r__silk--none{display:block}
.tg-r__no{grid-area:no;font-weight:800;font-size:1.05rem;color:var(--r-text);white-space:nowrap}
.tg-r__draw{font-weight:600;color:var(--r-mute);font-size:.8em;margin-left:1px}
.tg-r__runner{grid-area:runner;display:flex;flex-direction:column;min-width:0}
.tg-r__horse{font-weight:800;font-size:1.08rem;color:var(--r-text)}
.tg-r__horse sup,.tg-r__arunner sup{font-size:.62em;color:var(--r-gold);font-weight:700;margin-left:2px}
.tg-r__jt{font-size:.8rem;color:var(--r-mute);overflow:hidden;text-overflow:ellipsis}
.tg-r__chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.tg-r__chip{display:inline-block;min-width:22px;text-align:center;font-size:.7rem;font-weight:800;color:#000;background:var(--r-gold);border-radius:4px;padding:1px 5px}
.tg-r__tag{display:inline-block;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:1px 6px;border:1px solid var(--r-green);color:var(--r-green2)}
.tg-r__tag--nap{background:var(--r-gold);border-color:var(--r-gold);color:#000}
.tg-r__tag--nb{border-color:var(--r-gold);color:var(--r-gold)}
.tg-r__tag--ew{border-color:var(--r-mute);color:var(--r-mute)}

/* Price button */
.tg-r__price{grid-area:price;display:flex;flex-direction:column;align-items:center;min-width:74px;padding:6px 10px;border-radius:9px;background:var(--r-green);color:#000;text-decoration:none;line-height:1.1;transition:background .15s}
.tg-r__price:hover,.tg-r__price:focus-visible{background:var(--r-green2)}
.tg-r__price b{font-size:1.1rem;font-weight:800}
.tg-r__price i{font-style:normal;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.8}
.tg-r__price.is-nr{background:#333;color:#aaa;font-weight:800;justify-content:center;min-height:42px}
.tg-r__price.is-flash{animation:tgr-flash 1.2s ease}
@keyframes tgr-flash{0%{background:var(--r-gold)}100%{background:var(--r-green)}}
.tg-r__pick.is-nr .tg-r__horse{text-decoration:line-through;opacity:.6}

/* Analysis */
.tg-r__analysis{display:inline-flex;align-items:center;gap:7px;margin:8px 0 2px;font:800 .82rem Barlow,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#000;background:var(--r-gold);border:1px solid var(--r-gold);border-radius:7px;padding:6px 12px;cursor:pointer;transition:filter .15s}
.tg-r__analysis:hover,.tg-r__analysis:focus-visible{filter:brightness(1.1)}
.tg-r__analysis[aria-expanded="true"]{background:#f3dc86}
.tg-r__analysis i{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.tg-r__analysis[aria-expanded="true"] i{transform:rotate(-135deg) translateY(-1px)}
.tg-r__panel{margin:8px 0 6px;background:var(--r-panel2);border:1px solid var(--r-line);border-radius:10px;padding:10px}
.tg-r__atable{width:100%;border-collapse:collapse;font-size:.88rem;margin:0 0 8px}
.tg-r__atable th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--r-mute);font-weight:700;padding:0 6px 6px;border-bottom:1px solid var(--r-line)}
.tg-r__atable td{padding:8px 6px;vertical-align:top;border:0}
.tg-r__ano{font-weight:800;white-space:nowrap}
.tg-r__arunner{display:block;font-weight:800;font-size:1rem}
.tg-r__atable .tg-r__jt{display:block}
.tg-r__aodds{font-weight:800;color:var(--r-gold);white-space:nowrap}
.tg-r__whys{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.tg-r__why{font-size:.88rem;color:var(--r-text);display:block;line-height:1.45}
.tg-r__why .tg-r__chip{margin-right:6px;vertical-align:1px}
.tg-r__why strong{color:var(--r-text)}
.tg-r__why.is-hot strong{color:var(--r-gold)}
.tg-r__why--plain{color:var(--r-mute);padding-left:14px;position:relative}
.tg-r__why--plain::before{content:"";position:absolute;left:2px;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--r-green)}
.tg-r__chance{margin:10px 0 0;font-size:.85rem;color:var(--r-mute)}
.tg-r__chance strong{color:var(--r-text)}

/* Multiples */
.tg-r__multi{margin-top:12px;background:linear-gradient(160deg,var(--r-panel2),var(--r-panel));border:1px solid var(--r-gold);border-radius:12px;padding:14px}
.tg-r__multirow{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.tg-r__lbl{font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;color:var(--r-mute)}
.tg-r__big{font-weight:800;font-size:1.5rem;color:var(--r-gold)}
.tg-r__multinote{margin:4px 0 12px;font-size:.85rem;color:var(--r-mute)}
.tg-r__slip{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;background:var(--r-gold);color:#000;font-weight:800;text-decoration:none}
.tg-r__slip:hover{filter:brightness(1.08)}
.tg-r__race--compact .tg-r__racemeta{margin-bottom:4px}

/* NAPs */
.tg-r__meeting{margin:0 0 14px}
.tg-r__mhead{margin:0 0 8px;font-weight:800;font-size:1.15rem;color:var(--r-gold)}
.tg-r__meeting .tg-r__race{margin-bottom:8px}
.tg-r__napline{margin:0 0 4px;font-size:.88rem;color:var(--r-mute);display:flex;align-items:center;gap:6px;flex-wrap:wrap}

/* Footer and empty states */
.tg-r__note{margin:14px 0 0;font-size:.75rem;color:var(--r-mute)}
.tg-r__note a{color:var(--r-green2)}
.tg-r--empty{padding:14px 16px}
.tg-r__emptytxt{margin:0;color:var(--r-mute)}
.tg-r__emptytxt a{color:var(--r-gold)}

@media(min-width:620px){
	.tg-r{padding:20px}
	.tg-r__racemeta{flex-direction:row;flex-wrap:wrap;gap:4px 12px;align-items:center}
	.tg-r__row{grid-template-columns:34px auto 1fr auto auto;grid-template-areas:"role role role role role" "silk no runner runner price"}
}
@media(prefers-reduced-motion:reduce){.tg-r *{transition:none!important;animation:none!important}}
.tg-r__atable th:first-child,.tg-r__atable td:first-child{width:84px}
.tg-r__atable th:last-child,.tg-r__atable td:last-child{width:70px;text-align:right}
/* Button text stays black on gold/green (beats the .tg-r a inherit rule) */
.tg-r a.tg-r__slip,.tg-r a.tg-r__price,.tg-r a.tg-r__slip:visited,.tg-r a.tg-r__price:visited{color:#000}
/* Clearer break between races */
.tg-r__list{gap:20px}
.tg-r__race{border:1px solid #2a4d38;border-top:4px solid var(--r-green);box-shadow:0 6px 16px rgba(0,0,0,.55)}
.tg-r__racename,.tg-r__racemeta{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px;background:var(--r-panel2)}
.tg-r__racename{margin-top:-12px;padding-top:10px}
.tg-r__racemeta{padding-bottom:10px;border-bottom:1px solid var(--r-line)}
.tg-r__meeting .tg-r__race{margin-bottom:14px}
.tg-r__racename{margin-bottom:0;padding-bottom:3px}
/* BoyleSports blue price buttons (switch back to green when best-odds from several books arrives) */
.tg-r{--r-book:#2400f6;--r-book2:#4a2dff}
.tg-r .tg-r__price{background:var(--r-book)}
.tg-r .tg-r__price:hover,.tg-r .tg-r__price:focus-visible{background:var(--r-book2)}
.tg-r a.tg-r__price,.tg-r a.tg-r__price:visited{color:#fff}
.tg-r .tg-r__price i{opacity:.85}
.tg-r .tg-r__price.is-nr{background:#333;color:#aaa}
.tg-r .tg-r__price.is-flash{animation:tgr-flash-book 1.2s ease}
@keyframes tgr-flash-book{0%{background:var(--r-gold);color:#000}100%{background:var(--r-book);color:#fff}}
/* Filter row with the Show Earlier Tips box */
.tg-r__controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 6px}
.tg-r__controls .tg-r__filter{flex:1 1 auto;min-width:0;margin:0}
.tg-r__earlier{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:7px 12px 7px 10px;margin:0 0 10px;border:1px solid var(--r-line);border-radius:999px;background:var(--r-panel);font:600 .9rem Barlow,system-ui,sans-serif;color:var(--r-text);cursor:pointer;user-select:none}
.tg-r__earlier[hidden]{display:none}
.tg-r__earlier:hover{border-color:var(--r-gold)}
.tg-r__earlier input{width:18px;height:18px;margin:0;accent-color:var(--r-gold);cursor:pointer}
.tg-r__earliern{color:var(--r-mute);font-weight:600}
.tg-r__allrun{margin:4px 0 0;padding:14px;border:1px dashed var(--r-line);border-radius:12px;color:var(--r-mute);font-size:.95rem}
.tg-r__allrun[hidden]{display:none}
/* Finished races: softer grey so they stay easy to read */
.tg-r__race.is-off{opacity:.78;filter:grayscale(.65)}
.tg-r__race.is-off .tg-r__price,.tg-r__race.is-off .tg-r__analysis{opacity:.85}
/* Results */
.tg-r__role{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.tg-r__res{display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:5px;padding:2px 8px;line-height:1.3}
.tg-r__res.is-won{background:var(--r-gold);color:#000}
.tg-r__res.is-placed{background:var(--r-green);color:#000}
.tg-r__res.is-lost{background:#3a3f3c;color:#e6ebe7}
.tg-r__res.is-nr{background:transparent;color:var(--r-mute);border:1px solid var(--r-mute)}
/* keep the result fully readable on greyed (finished) cards */
.tg-r__race.is-off .tg-r__res{filter:none}
.tg-r__mstatus{margin:0 0 10px;font-weight:700;font-size:1rem;color:var(--r-text)}
.tg-r__mstatus[hidden]{display:none}
.tg-r__mstatus .is-won{color:var(--r-gold)}
.tg-r__mstatus .is-alive{color:var(--r-green2)}
.tg-r__mstatus .is-lost{color:#e08a80}
/* Finished races: grey the card's contents but keep the result badge in full colour */
.tg-r__race.is-off{opacity:1;filter:none}
.tg-r__race.is-off .tg-r__racename,.tg-r__race.is-off .tg-r__racemeta,.tg-r__race.is-off .tg-r__row > :not(.tg-r__role),.tg-r__race.is-off .tg-r__panel{opacity:.78;filter:grayscale(.65)}
.tg-r__race.is-off .tg-r__price,.tg-r__race.is-off .tg-r__analysis{opacity:.7;filter:grayscale(.65)}
.tg-r__race.is-off .tg-r__role{color:var(--r-mute)}
.tg-r__race.is-off{border-top-color:#3c5546}
/* Tiles with a heading */
.tg-r--tiles .tg-r__tiles{padding:0}
/* Five tiles (homepage): All Racing Tips first, full width on phones */
.tg-r__tiles--five .tg-r__tile--all{grid-column:1/-1;border-color:var(--r-gold)}
@media(min-width:760px){.tg-r__tiles--five{grid-template-columns:repeat(5,1fr)}.tg-r__tiles--five .tg-r__tile--all{grid-column:auto}}
.tg-r__tilet{padding-right:20px}