/* ==========================================================================
   White Horse Caster — "tkm" design system (US offshore affiliate)
   Navy / cream / gold. Bebas Neue + Wix Madefor. Accent gold reserved for CTAs.
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f6f4ef;color:#0f1e33;
  font-family:"Wix Madefor Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:17px;line-height:1.66;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:#1c3a5e}
h1,h2,h3,h4{font-family:"Wix Madefor Display","Wix Madefor Text",sans-serif;
  line-height:1.14;letter-spacing:-.015em;margin:0 0 .5em;font-weight:800}
.tkm-wrap{max-width:1120px;margin:0 auto;padding-left:20px;padding-right:20px}
section{padding-top:58px;padding-bottom:58px}
h1{font-size:clamp(1.95rem,3.2vw,2.45rem)}
.tkm-hero+section{padding-top:12px}
h2{font-size:clamp(1.375rem,2.4vw,1.85rem);margin-bottom:.42em}
h3{font-size:1.115rem;font-weight:700;margin-top:1.7em}
p{margin:0 0 1.05em}
.tkm-mono{font-family:"Bebas Neue",Impact,"Arial Narrow",sans-serif;letter-spacing:.055em}
.tkm-nav{background:#fff;border-bottom:1px solid #ded5c4;box-shadow:0 1px 0 rgba(15,30,51,.05);position:relative;z-index:40}
.tkm-nav-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:9px;padding-bottom:9px}
.tkm-logo{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-decoration:none}
.tkm-logo img{background:transparent;padding:0;border:0;box-shadow:none;max-height:40px;max-width:280px;width:auto;height:auto}
.tkm-logo-word{font-family:"Wix Madefor Display",sans-serif;font-weight:800;font-size:1.3rem;color:#0f1e33;letter-spacing:-.01em}
.tkm-logo-word b{color:#e8a317}
.tkm-logo-tag{font-size:.635rem;font-weight:600;letter-spacing:.01em;color:#5b6470;line-height:1.1;font-style:italic}
.tkm-nav-links{display:flex;align-items:center;gap:15px;flex-wrap:nowrap;white-space:nowrap}
.tkm-nav-links a{font-size:.805rem;font-weight:600;color:#0f1e33;text-decoration:none;letter-spacing:.005em}
.tkm-nav-links a:hover{color:#1c3a5e;text-decoration:underline}
.tkm-nav-links .has-sub{position:relative;display:flex;align-items:center}
.tkm-top{display:inline-flex;align-items:center;gap:5px;font-size:.805rem;font-weight:600;color:#0f1e33;text-decoration:none;cursor:pointer;letter-spacing:.005em}
.tkm-top::after{content:"";width:6px;height:6px;border-right:2px solid #1c3a5e;border-bottom:2px solid #1c3a5e;transform:rotate(45deg) translateY(-1px);opacity:.6}
.tkm-nav-links .has-sub:hover .tkm-top,.tkm-nav-links .has-sub:focus-within .tkm-top{color:#1c3a5e}
.tkm-sub{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:236px;background:#fff;border:1px solid #ded5c4;border-radius:10px;box-shadow:0 16px 36px rgba(15,30,51,.16);padding:7px;margin-top:8px;opacity:0;visibility:hidden;transition:opacity .12s;z-index:60}
.tkm-sub::before{content:"";position:absolute;top:-9px;left:0;right:0;height:10px}
.tkm-nav-links .has-sub:hover .tkm-sub,.tkm-nav-links .has-sub:focus-within .tkm-sub{opacity:1;visibility:visible}
.tkm-sub a{display:block;padding:9px 12px;font-size:.82rem;font-weight:600;color:#0f1e33;text-decoration:none;border-radius:7px;white-space:nowrap}
.tkm-sub a:hover,.tkm-sub a[aria-current="page"]{background:#f4f1ea;color:#1c3a5e;text-decoration:none}
.tkm-burger{display:none}
.tkm-hero{padding-top:0;padding-bottom:0;position:relative;overflow:hidden;
  background-image:linear-gradient(90deg,rgba(8,15,28,.95) 0%,rgba(8,15,28,.82) 40%,rgba(8,15,28,.5) 70%,rgba(8,15,28,.28) 100%),url("/assets/hero/hero.jpg");
  background-size:cover;background-position:right center;border-bottom:3px solid #e8a317}
.tkm-hero .tkm-h1{color:#f6f4ef;text-shadow:0 1px 24px rgba(0,0,0,.35)}
.tkm-hero .tkm-lede{color:#e4e9f0}
.tkm-hero .tkm-lede-tog{color:#f0b53d}
.tkm-hero .tkm-byline{color:#aebccf}
.tkm-hero .tkm-byline a{color:#f0b53d}
.tkm-hero .tkm-byline img{border-color:#e8a317}
.tkm-hero .tkm-trust span{background:rgba(231,236,243,.12);border-color:rgba(231,236,243,.28);color:#e9eef4}
.tkm-hero-in{padding-top:16px;padding-bottom:14px;position:relative;z-index:2;
  display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,.88fr);gap:34px;align-items:center}
.tkm-hero-solo .tkm-hero-in{grid-template-columns:minmax(0,1fr)}
.tkm-emblem{position:absolute;left:74%;bottom:-58%;transform:translateX(-50%);width:min(920px,112%);z-index:1;pointer-events:none;opacity:.5}
.tkm-h1{margin:0 0 9px}
.tkm-lede{font-size:1.03rem;color:#0f1e33;max-width:68ch;margin:0}
.tkm-lede-more{display:inline}
.tkm-lede-tog{display:none;background:transparent;border:0;padding:0;margin-left:6px;color:#1c3a5e;font:inherit;font-weight:700;cursor:pointer;text-decoration:underline}
.tkm-byline{display:flex;align-items:center;gap:9px;margin:0 0 9px;font-size:.83rem;color:#5b6470;font-weight:500;flex-wrap:nowrap}
.tkm-byline img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #1c3a5e}
.tkm-byline-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tkm-byline a{color:#1c3a5e;font-weight:700;text-decoration:underline}
.tkm-subdial{background:#fffdf8;border:1px solid #ded5c4;border-radius:14px;padding:16px 16px 14px;box-shadow:0 10px 30px rgba(15,30,51,.10);text-align:center}
.tkm-sd-top{font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#1c3a5e;margin-bottom:9px}
.tkm-sd-ring{width:118px;height:118px;margin:0 auto 10px;border-radius:50%;background:conic-gradient(from 180deg,#1c3a5e 0 96%,#e7ecf3 96% 100%);display:grid;place-items:center;position:relative}
.tkm-sd-ring::before{content:"";position:absolute;inset:9px;border-radius:50%;background:#fffdf8;border:1px solid #ded5c4}
.tkm-sd-val{position:relative;font-family:"Bebas Neue",Impact,sans-serif;font-size:2.05rem;line-height:1;color:#0f1e33}
.tkm-sd-val small{display:block;font-family:"Wix Madefor Text",sans-serif;font-size:.53rem;letter-spacing:.13em;text-transform:uppercase;color:#5b6470;font-weight:600;margin-top:3px}
.tkm-sd-plate{background:#fff;border:1px solid #ded5c4;border-radius:8px;padding:7px;margin:0 0 9px}
.tkm-sd-plate img{max-height:34px;width:auto;margin:0 auto}
.tkm-sd-name{font-family:"Wix Madefor Display",sans-serif;font-weight:800;font-size:1.06rem;margin:0 0 4px}
.tkm-sd-bon{font-size:.8rem;color:#5b6470;margin:0 0 11px;line-height:1.4}
.tkm-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:12px 20px;border-radius:7px;background:#e8a317;color:#0f1e33;font-weight:800;font-size:.925rem;text-decoration:none;border:0;cursor:pointer;box-shadow:0 2px 0 #b87e0d;text-align:center;line-height:1.2}
.tkm-cta:hover{background:#cf9111;color:#0f1e33}
.tkm-cta-w{display:flex;width:100%}
.tkm-tc{font-size:.66rem;color:#5b6470;margin:6px 0 0;line-height:1.35}
.tkm-sec-link{font-size:.78rem;color:#5b6470;text-decoration:underline}
.tkm-trust{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0 0}
.tkm-trust span{font-size:.665rem;font-weight:600;letter-spacing:.045em;text-transform:uppercase;color:#14304f;background:#e7ecf3;border:1px solid #cfd9e8;border-radius:4px;padding:4px 8px}
.tkm-filters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 10px}
.tkm-chip{flex:0 0 auto;font-size:.775rem;font-weight:600;padding:7px 13px;border-radius:20px;border:1px solid #c9bda6;background:#fffdf8;color:#0f1e33;cursor:pointer;min-height:36px}
.tkm-chip[aria-pressed="true"]{background:#1c3a5e;border-color:#1c3a5e;color:#fff}
.tkm-row{display:grid;grid-template-columns:52px 132px minmax(0,1fr) 190px 168px;gap:16px;align-items:center;background:#fffdf8;border:1px solid #ded5c4;border-radius:12px;padding:13px 16px;margin:0 0 9px}
.tkm-row:nth-child(even){background:#fbf8f1}
.tkm-row[data-top="1"]{border-color:#1c3a5e;border-width:2px;box-shadow:0 8px 26px rgba(28,58,94,.13)}
.tkm-rank{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:"Bebas Neue",Impact,sans-serif;font-size:1.32rem;color:#0f1e33;background:#fffdf8;border:2px solid #1c3a5e;position:relative}
.tkm-row[data-top="1"] .tkm-rank{background:#1c3a5e;color:#fff}
.tkm-plate{background:#fff;border:1px solid #ded5c4;border-radius:8px;height:60px;display:grid;place-items:center;padding:5px;overflow:hidden}
.tkm-plate img{max-height:48px;max-width:118px;width:auto}
.tkm-plate-txt{font-family:"Bebas Neue",Impact,sans-serif;font-size:1.15rem;letter-spacing:.04em;color:#0f1e33;text-align:center;padding:0 4px}
.tkm-name{font-family:"Wix Madefor Display",sans-serif;font-weight:800;font-size:1.045rem;margin:0 0 2px}
.tkm-award{font-size:.665rem;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#1c3a5e;margin:0 0 3px}
.tkm-bon{font-size:.83rem;color:#0f1e33;margin:0;font-weight:600}
.tkm-bon em{font-style:normal;color:#5b6470;font-weight:500}
.tkm-scale{position:relative;height:34px}
.tkm-scale-t{font-family:"Bebas Neue",Impact,sans-serif;font-size:1.06rem;color:#0f1e33;line-height:1;margin:0 0 5px;letter-spacing:.04em}
.tkm-track{position:relative;height:9px;border-radius:5px;background:#e7ecf3;border:1px solid #cfd9e8;overflow:hidden}
.tkm-fill{position:absolute;top:0;bottom:0;left:0;border-radius:5px;background:linear-gradient(90deg,#1c3a5e,#e8a317)}
.tkm-scale-l{display:flex;justify-content:space-between;font-size:.575rem;color:#5b6470;margin-top:3px;letter-spacing:.05em;text-transform:uppercase}
.tkm-morewrap{text-align:center;margin-top:16px}
.tkm-more{font-family:"Wix Madefor Display",sans-serif;font-weight:700;font-size:.87rem;padding:11px 22px;border-radius:7px;border:1.5px solid #1c3a5e;background:#fffdf8;color:#1c3a5e;cursor:pointer;min-height:44px}
.tkm-mobile-cards{display:none}
.tkm-panel{background:#fffdf8;border:1px solid #ded5c4;border-radius:13px;padding:22px 24px}
.tkm-panel-note{background:#e7ecf3;border-color:#cfd9e8}
.tkm-grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.tkm-ol{list-style:none;counter-reset:tk;padding:0;margin:0}
.tkm-ol li{counter-increment:tk;position:relative;padding-left:44px;margin-bottom:15px}
.tkm-ol li::before{content:counter(tk,decimal-leading-zero);position:absolute;left:0;top:1px;font-family:"Bebas Neue",Impact,sans-serif;font-size:1.02rem;color:#1c3a5e;width:32px;height:32px;border-radius:50%;border:1.5px solid #c9bda6;display:grid;place-items:center;background:#fffdf8}
.tkm-ol li b{display:block;font-family:"Wix Madefor Display",sans-serif;font-size:1rem}
.tkm-tw{overflow-x:auto}
table.tkm-t{width:100%;border-collapse:collapse;font-size:.885rem;background:#fffdf8;border:1px solid #ded5c4;border-radius:11px;overflow:hidden}
table.tkm-t th{background:#1c3a5e;color:#fff;text-align:left;padding:11px 13px;font-size:.72rem;letter-spacing:.075em;text-transform:uppercase;font-weight:700;position:sticky;top:0}
table.tkm-t td{padding:11px 13px;border-top:1px solid #ded5c4;vertical-align:top}
table.tkm-t tr:nth-child(even) td{background:#fbf8f1}
.tkm-rev{background:#fffdf8;border:1px solid #ded5c4;border-radius:13px;padding:24px 26px;margin:0 0 20px}
.tkm-rev-h{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:5px}
.tkm-rev-h .tkm-plate{width:126px;flex-shrink:0}
.tkm-rev-fascia{display:inline-flex;align-items:baseline;gap:6px;background:#e7ecf3;border:1px solid #cfd9e8;border-radius:6px;padding:5px 10px;font-size:.72rem;color:#14304f;font-weight:600}
.tkm-rev-fascia b{font-family:"Bebas Neue",Impact,sans-serif;font-size:1.02rem;letter-spacing:.04em}
.tkm-verdict{font-size:1.03rem;font-weight:600;border-left:3px solid #e8a317;padding-left:14px;margin:14px 0}
.tkm-test{background:#fbf8f1;border:1px dashed #c9bda6;border-radius:10px;padding:15px 17px;margin:0 0 15px;font-size:.925rem}
.tkm-test b{display:block;font-size:.655rem;letter-spacing:.13em;text-transform:uppercase;color:#1c3a5e;margin-bottom:6px}
.tkm-pc{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:16px 0}
.tkm-pc ul{margin:6px 0 0;padding-left:19px;font-size:.9rem}
.tkm-pc li{margin-bottom:5px}
.tkm-pc h4{font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;margin:0;color:#5b6470}
.tkm-fit{font-size:.885rem;margin:0}
.tkm-fit b{color:#0f1e33}
.tkm-author{display:grid;grid-template-columns:132px minmax(0,1fr);gap:24px;align-items:start}
.tkm-author img{width:132px;height:132px;border-radius:50%;object-fit:cover;border:3px solid #1c3a5e}
.tkm-foot{background:#0f1e33;color:#cdd8e6;padding-top:42px;padding-bottom:30px;font-size:.865rem}
.tkm-foot a{color:#fff}
.tkm-foot-g{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:28px}
.tkm-foot h4{color:#fff;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}
.tkm-foot-plate{background:#fff;border-radius:8px;padding:9px 11px;display:inline-block;margin-bottom:13px}
.tkm-foot-plate img{height:40px;width:auto;max-width:280px}
.tkm-foot-word{font-family:"Wix Madefor Display",sans-serif;font-weight:800;font-size:1.25rem;color:#0f1e33;letter-spacing:-.01em}
.tkm-foot-word b{color:#e8a317}
.tkm-disc{font-size:.815rem;color:#5b6470;background:#fbf8f1;border:1px solid #ded5c4;border-radius:11px;padding:17px 19px}
.tkm-eyebrow{font-size:.66rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#1c3a5e;margin:0 0 8px}
.tkm-rgbar{background:#e7ecf3;border:1px solid #cfd9e8;border-radius:10px;padding:12px 16px;font-size:.8rem;color:#14304f;margin:0 0 8px;font-weight:600}
.tkm-prose ul,.tkm-prose ol{margin:0 0 1.1em;padding-left:20px}
.tkm-prose li{margin-bottom:.5em}
@media(max-width:920px){
  .tkm-hero-in{grid-template-columns:1fr;gap:0}
  .tkm-subdial{display:none}
  .tkm-row{grid-template-columns:112px minmax(0,1fr) 168px;gap:13px}
  .tkm-row .tkm-rank{position:absolute}
  .tkm-foot-g{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  body{font-size:16px}
  section{padding-top:44px;padding-bottom:44px}
  .tkm-wrap{padding-left:15px;padding-right:15px}
  h1{font-size:26px;line-height:1.16}
  h2{font-size:21px}
  h3{font-size:17px}
  .tkm-nav-links{display:none}
  .tkm-logo img{max-height:34px;max-width:210px}
  .tkm-logo-word{font-size:1.1rem}
  .tkm-logo-tag{font-size:.56rem}
  .tkm-burger{display:block;margin-left:auto}
  .tkm-burger summary{list-style:none;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;border:1px solid #ded5c4;border-radius:8px;background:#fffdf8}
  .tkm-burger summary::-webkit-details-marker{display:none}
  .tkm-burger-b{display:block;width:20px;height:2px;background:#0f1e33;position:relative}
  .tkm-burger-b::before,.tkm-burger-b::after{content:"";position:absolute;left:0;width:20px;height:2px;background:#0f1e33}
  .tkm-burger-b::before{top:-6px} .tkm-burger-b::after{top:6px}
  .tkm-burger-p{position:absolute;right:15px;top:100%;background:#fffdf8;border:1px solid #ded5c4;border-radius:10px;padding:9px;min-width:216px;box-shadow:0 14px 34px rgba(0,0,0,.16);z-index:60}
  .tkm-burger-p a{display:block;padding:10px 13px 10px 22px;font-size:.9rem;font-weight:600;color:#0f1e33;text-decoration:none;border-radius:7px}
  .tkm-burger-p{max-height:74vh;overflow-y:auto}
  .tkm-burger-h{display:block;padding:11px 13px 3px;font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#1c3a5e}
  .tkm-hero-in{padding-top:12px;padding-bottom:14px}
  .tkm-hero+section{padding-top:14px}
  .tkm-hero{background-image:linear-gradient(rgba(8,15,28,.9),rgba(8,15,28,.74)),url("/assets/hero/hero.jpg");background-position:70% center}
  .tkm-byline{font-size:.6rem;gap:7px;margin-bottom:10px}
  .tkm-byline img{width:24px;height:24px;border-width:1.5px}
  .tkm-lede{font-size:.94rem}
  .tkm-lede-more{display:none}
  .tkm-lede.is-open .tkm-lede-more{display:inline}
  .tkm-lede-tog{display:inline-block}
  .tkm-trust{margin-top:11px;gap:5px}
  .tkm-trust span{font-size:.6rem;padding:3px 6px}
  .tkm-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:3px;margin-bottom:11px}
  .tkm-filters::-webkit-scrollbar{display:none}
  .tkm-desk-rows{display:none}
  .tkm-mobile-cards{display:block}
  .tkm-mcard{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fffdf8;border:1px solid #ded5c4;border-radius:13px;padding:15px 14px 14px;margin:0 0 11px}
  .tkm-mcard[data-top="1"]{border-color:#1c3a5e;border-width:2px;box-shadow:0 8px 22px rgba(28,58,94,.14)}
  .tkm-mcard .tkm-rank{position:absolute;top:9px;left:9px;width:34px;height:34px;font-size:1.02rem}
  .tkm-mcard .tkm-award{position:absolute;top:14px;right:11px;font-size:.575rem;max-width:44%}
  .tkm-mcard .tkm-plate{width:150px;height:56px;margin:20px auto 9px}
  .tkm-mcard .tkm-plate img{max-height:44px;max-width:136px}
  .tkm-mcard .tkm-name{font-size:1.1rem;margin:0 0 5px}
  .tkm-mcard .tkm-scale{width:100%;height:auto;margin:0 0 9px}
  .tkm-mcard .tkm-bon{font-size:.86rem;margin:0 0 11px}
  .tkm-grid2,.tkm-pc,.tkm-author{grid-template-columns:1fr;gap:15px}
  .tkm-author img{width:96px;height:96px}
  .tkm-rev{padding:18px 16px}
  .tkm-rev-h .tkm-plate{width:112px}
  .tkm-foot-g{grid-template-columns:1fr;gap:20px}
  table.tkm-t{font-size:.8rem}
  table.tkm-t th{position:static}
  .tkm-t .tkm-drop{display:none}
  .tkm-ol li{padding-left:38px}
}
@media(max-width:420px){.tkm-byline{font-size:.55rem}.tkm-mcard .tkm-plate{width:132px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Prominent hero author credit */
.tkm-byline img{width:44px;height:44px}
.tkm-auth-wrap{display:flex;flex-direction:column;min-width:0}
.tkm-auth{font-family:"Wix Madefor Display",sans-serif;font-weight:800;font-size:1.02rem;line-height:1.25;letter-spacing:-.01em}
.tkm-auth a{text-decoration:none}
.tkm-auth a:hover{text-decoration:underline}
.tkm-auth-sub{font-size:.76rem;font-weight:500;line-height:1.3}
@media(max-width:768px){.tkm-byline img{width:38px;height:38px}.tkm-auth{font-size:.94rem}.tkm-auth-sub{font-size:.66rem}}

/* Responsible-Gambling nav BUTTON (outlined navy pill — deliberately NOT the gold CTA colour) */
.tkm-nav-links a.tkm-nav-rg{border:1.5px solid #1c3a5e;color:#1c3a5e;padding:6px 13px;border-radius:7px;font-weight:700;line-height:1}
.tkm-nav-links a.tkm-nav-rg:hover{background:#1c3a5e;color:#fff;text-decoration:none}
/* Contact-us button in the hero (light outline for the dark hero background) */
.tkm-hero-contact{margin:12px 0 0}
.tkm-hero-contact a{display:inline-flex;align-items:center;gap:6px;border:1.5px solid rgba(231,236,243,.55);color:#f6f4ef;padding:8px 16px;border-radius:7px;font-weight:700;font-size:.82rem;text-decoration:none}
.tkm-hero-contact a:hover{background:rgba(231,236,243,.14);text-decoration:none}

/* Multi-author avatar stack (homepage byline) */
.tkm-avstack{display:inline-flex;flex-shrink:0}
.tkm-avstack img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #1c3a5e;margin-right:-13px;background:#0f1e33}
.tkm-avstack img:last-child{margin-right:0}
.tkm-hero .tkm-avstack img{border-color:#e8a317}
@media(max-width:768px){.tkm-avstack img{width:36px;height:36px;margin-right:-11px}}

/* ===== LOUD BONUS HIGHLIGHT (user request: make the bonuses in-your-face) =====
   Lighter gold chip so it pops without stealing the solid-gold CTA button. */
.tkm-bon{display:inline-block;font-size:.95rem;font-weight:800;color:#3d2c00;
  background:linear-gradient(90deg,#ffe7a3,#ffd166);border:1px solid #e8a317;
  border-radius:7px;padding:4px 11px;line-height:1.3;box-shadow:0 1px 0 rgba(184,126,13,.5)}
.tkm-bon::before{content:"🎁 ";font-size:.85em}
.tkm-bon em{background:none;color:#6b5a2a;font-weight:600}
.tkm-row .tkm-bon{margin-top:2px}
.tkm-mcard .tkm-bon{font-size:1rem;padding:6px 13px}
/* Hero rating-dial bonus: matching loud chip */
.tkm-sd-bon{display:inline-block;font-size:.9rem;font-weight:800;color:#3d2c00;
  background:linear-gradient(90deg,#ffe7a3,#ffd166);border:1px solid #e8a317;
  border-radius:7px;padding:5px 12px;line-height:1.25}
.tkm-sd-bon::before{content:"🎁 "}
/* Compare / positions table: bold the welcome-offer cell */
table.tkm-t td.tkm-drop{color:#0f1e33}

/* ===== MOBILE ABOVE-THE-FOLD: H1 + author + updated date, then the affiliate table + its H2 ===== */
@media(max-width:768px){
  /* Keep H1 + byline (author & "Updated ..." date); drop the space-eaters on ranking heroes */
  .tkm-hero:not(.tkm-hero-solo) .tkm-lede{display:none}
  .tkm-hero .tkm-trust{display:none}
  .tkm-hero .tkm-hero-contact{display:none}
  .tkm-hero-in{padding-top:12px;padding-bottom:12px}
  .tkm-h1{margin-bottom:8px}
  .tkm-byline{margin-bottom:2px}
  /* Pull the ranking section (H2 + table) up right under the hero */
  .tkm-hero + section{padding-top:14px}
  #ranking{padding-top:14px}
  #ranking > .tkm-wrap > h2{margin-bottom:6px}
  #ranking > .tkm-wrap > p{display:none}           /* hide the ranking intro paragraph on mobile */
  .tkm-filters{margin-bottom:9px}
}