/* OVERRIDES 2026-03-23 */
html, body { overflow-x: clip; }
img, table, iframe, .winners-panel, .winner-card, .reviews-stage, .article-card, .author-card, .author-page, .content-layout > * { max-width: 100%; }
.wrap, .content-layout, .content-layout.with-sidebar { width: min(1200px, calc(100% - 32px)); margin-inline: auto; box-sizing: border-box; }
.content-layout.with-sidebar { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,340px); gap: 28px; align-items: start; }
.article-card { min-width: 0; }
.article-card .article-head { margin-bottom: 18px; }
.article-card .article-head h1,
.article-card > h1,
.author-hero h1,
.author-page h1 { font-size: clamp(2rem, 3vw, 3rem) !important; line-height: 1.12 !important; margin: 0 0 18px !important; font-weight: 800 !important; }
.article-card h1::first-letter,
.author-hero h1::first-letter,
.author-page h1::first-letter { color: var(--accent, #f3b63a); }
.article-card h2,
.author-page h2 { font-size: clamp(1.45rem, 2.1vw, 2.1rem) !important; line-height: 1.22 !important; margin: 28px 0 14px !important; font-weight: 750 !important; }
.article-card h3,
.author-page h3 { font-size: clamp(1.15rem, 1.6vw, 1.45rem) !important; line-height: 1.28 !important; margin: 22px 0 10px !important; font-weight: 700 !important; }
.article-card p, .article-card ul, .article-card ol, .author-page p { margin: 0 0 16px; }
.article-card table { width: 100%; margin: 26px 0 !important; border-collapse: collapse; overflow: hidden; border-radius: 14px; }
.article-card table + p, .article-card p + table, .article-card table + h2, .article-card h2 + table { margin-top: 24px !important; }
.article-card img.wp-image-443,
.article-card img.attachment-full,
.article-card > img,
.entry-content img { border-radius: 18px; display:block; margin: 18px 0 24px; }
.article-card + .author-card.compact,
.content-layout.with-sidebar .author-card.compact,
.entry-content + .author-card.compact { margin-top: 30px !important; width: 100%; }
.author-card.compact { box-sizing: border-box; }
.faq { margin-top: 28px; display: grid; gap: 14px; }
.faq details { border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(15,19,28,.72); box-shadow: 0 12px 32px rgba(0,0,0,.18); overflow: hidden; }
.faq summary { list-style:none; cursor:pointer; padding: 18px 20px; font-weight: 700; }
.faq summary::-webkit-details-marker { display:none; }
.faq details > div, .faq details > p { padding: 0 20px 18px; color: rgba(255,255,255,.84); }
.winners-panel, .winners-card, .winners-widget { position: sticky; top: 110px; align-self: start; min-width: 0; }
.winner-card { display:grid; grid-template-columns: minmax(0,1fr) auto; gap:10px; align-items:center; padding: 14px 14px 14px 16px; }
.winner-card .winner-name,
.winner-card .winner-slot { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; line-height: 1.25; word-break: break-word; }
.reviews-carousel { display:grid; grid-template-columns: 48px minmax(0,1fr) 48px; align-items:center; gap: 18px; }
.reviews-arrow { width: 48px; height: 48px; border-radius: 999px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.14); background: rgba(16,18,28,.88); }
.reviews-arrow svg, .reviews-arrow::before { width: 18px; height: 18px; }
.contact-form-classic { margin-top: 10px; display:grid; gap:16px; padding: 22px; border-radius: 20px; background: rgba(18,21,31,.72); border:1px solid rgba(255,255,255,.1); }
.contact-form-classic label { display:grid; gap:8px; }
.contact-form-classic input, .contact-form-classic select, .contact-form-classic textarea { width:100%; box-sizing:border-box; border-radius: 14px; border:1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.06); color:#fff; padding: 14px 16px; }
.contact-form-classic textarea { min-height: 160px; resize: vertical; }
.contact-form-actions .btn { min-width: 180px; }
.author-page { width:min(920px, 100%); margin: 0 auto; }
.author-hero, .author-page section { margin-bottom: 26px; }
.author-hero .wrap, .author-card.compact.wrap { width:min(920px, calc(100% - 32px)); }
@media (max-width: 980px) {
  .content-layout.with-sidebar { grid-template-columns: minmax(0,1fr); }
  .winners-panel, .winners-card, .winners-widget { position: static; top: auto; }
}
@media (max-width: 767px) {
  .wrap, .content-layout, .content-layout.with-sidebar, .author-hero .wrap, .author-card.compact.wrap { width: min(100% - 20px, 100%); }
  .reviews-carousel { grid-template-columns: 42px minmax(0,1fr) 42px; gap: 12px; }
  .article-card .article-head h1, .article-card > h1, .author-hero h1, .author-page h1 { font-size: clamp(1.7rem, 7vw, 2.3rem) !important; }
  .article-card h2, .author-page h2 { font-size: clamp(1.28rem, 5.4vw, 1.7rem) !important; }
  .article-card h3, .author-page h3 { font-size: clamp(1.05rem, 4.6vw, 1.3rem) !important; }
  .contact-grid { grid-template-columns: 1fr !important; }
}


/* v20260324a article/faq/author fixes */
.article-card.entry-content img.wp-image-443,
.article-card.entry-content > img,
.article-card.entry-content figure.wp-block-image img,
.article-card.entry-content img.attachment-full,
.article-card.entry-content img.size-full{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  border-radius:20px !important;
  margin:18px 0 18px !important;
}
.article-cta-center{
  display:flex !important;
  justify-content:center !important;
  margin:0 0 26px !important;
}
.article-cta-center .btn{
  min-width:220px !important;
}
.faq .faq-item{
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.04) !important;
  overflow:hidden !important;
  margin-bottom:12px !important;
}
.faq .faq-question{
  position:relative !important;
  list-style:none !important;
  cursor:pointer !important;
  padding:18px 52px 18px 18px !important;
  font-weight:800 !important;
}
.faq .faq-question::-webkit-details-marker{display:none !important;}
.faq .faq-question::after{
  content:'+' !important;
  position:absolute !important;
  right:18px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:28px !important;
  height:28px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:rgba(243,182,58,.14) !important;
  color:var(--accent,#f3b63a) !important;
  font-size:20px !important;
  line-height:1 !important;
  font-weight:900 !important;
}
.faq .faq-item[open] .faq-question::after{
  content:'−' !important;
}
.faq .faq-answer{
  padding:0 18px 18px !important;
}
.author-hero{
  padding:18px 0 10px !important;
}
.author-hero .wrap.author-card.compact{
  width:min(980px, 100%) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:100px 1fr !important;
  gap:20px !important;
  align-items:center !important;
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:22px !important;
  padding:22px !important;
}
.author-page{
  width:min(980px, 100%) !important;
  margin:0 auto !important;
  display:block !important;
  padding:10px 0 56px !important;
}
.author-page section,
.author-page article{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:20px !important;
  padding:22px !important;
  margin:0 0 18px !important;
  overflow-wrap:anywhere !important;
}
.author-page .author-trust{
  margin:0 !important;
  padding-left:20px !important;
}
.author-page .author-main-text h2:first-child{
  margin-top:0 !important;
}
@media (max-width: 768px){
  .author-hero .wrap.author-card.compact{
    grid-template-columns:1fr !important;
    text-align:center !important;
  }
  .author-hero .author-photo{
    margin:0 auto !important;
  }
  .article-cta-center .btn{
    width:100% !important;
    max-width:280px !important;
  }
}

/* v20260324b author hero text fix */
.author-hero .wrap.author-card.compact{
  display:grid !important;
  grid-template-columns:100px minmax(0,1fr) !important;
  align-items:center !important;
}
.author-hero .wrap.author-card.compact > div:last-child{
  min-width:0 !important;
  width:100% !important;
  max-width:100% !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  white-space:normal !important;
}
.author-hero .wrap.author-card.compact h1,
.author-hero .wrap.author-card.compact .author-position,
.author-hero .wrap.author-card.compact .muted{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  white-space:normal !important;
}
.author-hero .wrap.author-card.compact h1{
  margin:0 0 8px !important;
  line-height:1.1 !important;
}
.author-hero .wrap.author-card.compact .author-position{
  margin:0 0 10px !important;
}
.author-hero .wrap.author-card.compact .muted{
  margin:0 !important;
}
@media (max-width:768px){
  .author-hero .wrap.author-card.compact{
    grid-template-columns:1fr !important;
  }
}

/* v20260324c author hero final layout + canonical prep */
.author-hero{display:block !important;padding:18px 0 10px !important;}
.author-hero .wrap.author-card.compact{display:grid !important;grid-template-columns:100px minmax(0,1fr) !important;gap:20px !important;align-items:center !important;width:min(980px, calc(100% - 32px)) !important;max-width:980px !important;margin:0 auto !important;}
.author-hero .wrap.author-card.compact > div:last-child{min-width:0 !important;width:100% !important;max-width:none !important;display:block !important;}
.author-hero .wrap.author-card.compact h1,.author-hero .wrap.author-card.compact .author-position,.author-hero .wrap.author-card.compact .muted{white-space:normal !important;word-break:normal !important;overflow-wrap:normal !important;max-width:none !important;}
@media (max-width:768px){.author-hero{display:block !important}.author-hero .wrap.author-card.compact{grid-template-columns:1fr !important;text-align:center !important;width:min(100% - 20px, 980px) !important}.author-hero .author-photo{margin:0 auto !important}}

/* final template fixes */
.author-page-hero-shell{padding:28px 0 8px;}
.author-page-hero{display:flex !important;align-items:center;gap:22px;max-width:1180px;margin:0 auto 12px auto;}
.author-page-hero .author-photo img{width:100px;height:100px;object-fit:cover;border-radius:50%;display:block;}
.author-page-hero-title{margin:0 0 6px !important;font-size:34px !important;line-height:1.15 !important;}
.author-page-hero-title a{text-decoration:none;color:inherit;}
.author-page-hero .author-position{margin:0 !important;}
@media (max-width: 767px){.author-page-hero{align-items:flex-start;gap:14px;}.author-page-hero-title{font-size:28px !important;}}

.author-page-hero .author-hero-intro{margin-top:14px;max-width:none;font-size:1rem;line-height:1.7;color:#dbe7ff}.contact-form-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:22px}.contact-form label{display:block;margin-bottom:16px}.contact-form span{display:block;margin-bottom:8px;font-weight:600}.contact-form input,.contact-form textarea{width:100%;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:12px;padding:14px 16px;box-sizing:border-box}.contact-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form .form-actions{display:flex;justify-content:center;margin-top:8px}@media(max-width:768px){.contact-form .form-grid{grid-template-columns:1fr}}

/* generated patch v6 */
.article-promo-media{margin:18px 0 26px;display:flex;flex-direction:column;align-items:center;gap:18px}.article-promo-media img{width:100%;display:block;border-radius:18px}.article-promo-media .btn{align-self:center;min-width:200px}.author-block{display:none !important} body.author-page .author-block{display:block !important}

/* final fixes */
.article-promo-media{margin:18px 0 24px;text-align:center;}
.article-promo-media img{display:block;margin:0 auto 14px;max-width:100%;height:auto;border-radius:18px;}
.article-promo-media .btn-wrap{text-align:center;}
.article-promo-media .btn{display:inline-flex !important;margin:0 auto !important;}
.author-plain-layout{display:block !important;}
.author-plain-layout .article-main{width:100% !important;max-width:none !important;flex:0 0 100% !important;}
.author-plain-layout .article-card{max-width:none !important;}
.author-service-intro{display:grid !important;grid-template-columns:100px minmax(0,1fr) !important;gap:20px;align-items:start;width:100% !important;max-width:none !important;}
.author-service-intro img{width:100px !important;height:100px !important;object-fit:cover;border-radius:18px;}
.author-service-intro .meta{min-width:0 !important;width:100% !important;max-width:none !important;}
.author-service-intro .meta p,.author-service-intro .meta a,.author-service-intro .meta .links{word-break:normal !important;overflow-wrap:break-word !important;}
.author-service-intro .links{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:12px;}
.author-service-intro .links a{display:inline-flex;}
@media (max-width: 820px){.author-service-intro{grid-template-columns:1fr !important;}.author-service-intro img{margin:0 auto;}.author-service-intro .meta{text-align:left;}}


/* v8b hard fixes */
.article-promo-media .btn-wrap,
.after-h1-media .btn-wrap,
.article-card .btn-wrap{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.article-promo-media .btn-wrap .btn,
.after-h1-media .btn-wrap .btn,
.article-card .btn-wrap .btn{
  display:inline-flex !important;
  justify-content:center !important;
  align-items:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
  float:none !important;
}
.author-page .article-main,
.author-page .article-card,
.author-page .entry-content{
  max-width:100% !important;
}


/* v11 final hard fix: winners align + sticky mobile header */
.content-layout.with-sidebar{align-items:start !important;}
.sidebar-stack{
  align-self:start !important;
  margin-top:0 !important;
  position:sticky !important;
  top:98px !important;
}
@media (max-width: 991px){
  .site-header{
    position:sticky !important;
    top:0 !important;
    z-index:10050 !important;
    background:linear-gradient(180deg,rgba(16,7,31,.98),rgba(16,7,31,.94)) !important;
    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;
  }
  .site-header .header-row{
    position:relative !important;
    z-index:2 !important;
  }
  .site-header .header-actions{
    position:relative !important;
    z-index:2 !important;
  }
  .site-header .mobile-menu{
    z-index:10051 !important;
  }
  .sidebar-stack{
    position:static !important;
    top:auto !important;
    margin-top:0 !important;
  }
}


/* v13 mobile header fixed real fix */
@media (max-width: 991px){
  .site-header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:10060 !important;
    background:linear-gradient(180deg,rgba(16,7,31,.98),rgba(16,7,31,.94)) !important;
    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;
  }
  body{padding-top:128px !important;}
  .site-header .wrap.header-row{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    flex-wrap:wrap !important;
    padding-bottom:10px !important;
  }
  .site-header .logo{order:1 !important;}
  .site-header .burger{order:2 !important; margin-left:auto !important;}
  .site-header .header-actions{
    order:3 !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
    gap:10px !important;
    margin-top:8px !important;
  }
  .site-header .header-actions .btn{width:100% !important; justify-content:center !important;}
  .mobile-menu{top:126px !important; left:12px !important; right:12px !important; inset:auto 12px auto 12px !important; z-index:10061 !important;}
}

/* related guides */
.lab-related{--teal:#2fd4bf;--amber:#f6b53f;--blue:#6aa8ff;--violet:#9b8cff;--rose:#ff6f6f;--surface:rgba(255,255,255,.035);--surface2:rgba(255,255,255,.055);--rule:rgba(255,255,255,.10);--rule2:rgba(255,255,255,.18);--muted:rgba(255,255,255,.60);--faint:rgba(255,255,255,.42);--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--bg2:rgba(255,255,255,.025);display:block;width:min(1180px,calc(100% - 24px));max-width:100%;clear:both;box-sizing:border-box;margin:34px auto}
.lab-related *{box-sizing:border-box}
.lab-related{--acc:var(--teal);display:block;width:100%;color:inherit;font-family:inherit}
.lab-related .ey{font:600 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--acc);margin:0}
.lab-related h4{margin:7px 0 0;font-size:19px;line-height:1.2;letter-spacing:-.01em}
.lab-related .cat{font:600 10px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--faint)}
.lab-related h4{margin:7px 0 0;font-size:18px;line-height:1.2;letter-spacing:-.01em}
.lab-related em{font-style:normal}
.lab-rl-d15 .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:13px;margin-top:15px}
.lab-rl-d15 .n{padding:15px;border-radius:12px;text-decoration:none;background:#0a1016;border:1px solid var(--acc);box-shadow:0 0 16px -6px var(--acc),inset 0 0 20px -14px var(--acc);transition:box-shadow .18s,transform .16s;display:flex;flex-direction:column;gap:5px}
.lab-rl-d15 .n:hover{box-shadow:0 0 22px -4px var(--acc),inset 0 0 26px -10px var(--acc);transform:translateY(-2px)}
.lab-rl-d15 .n strong{font-size:15px;color:#fff}
.lab-rl-d15 .n em{color:var(--muted);font-size:12px}
.lab-rl-d15 .cat{color:var(--acc)}
.lab-related{--acc:var(--teal);display:block;width:100%;color:inherit;font-family:inherit}
.lab-related{width:min(1180px,calc(100% - 24px));max-width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}
/* article tools */
/* tools-embed.css — SELF-CONTAINED styling for a tool embedded inside an article.
   Scoped entirely under .lab-embed (no dependency on the .lab page theme). Uses
   translucent overlays over the host site's own surface + inherits the site's text
   colour, so the block reads as an intentional part of the article on the dark
   casino themes. Chart colours are a fixed, legible data palette. */

.lab-embed {
    --te-teal: #2fd4bf; --te-amber: #f6b53f; --te-blue: #64a6ff; --te-rose: #ff6f6f;
    --te-surface: rgba(255, 255, 255, .035);
    --te-surface2: rgba(255, 255, 255, .06);
    --te-rule: rgba(255, 255, 255, .11);
    --te-rule2: rgba(255, 255, 255, .18);
    --te-muted: rgba(255, 255, 255, .62);
    --te-faint: rgba(255, 255, 255, .44);
    --te-mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, monospace;
    display: block; width: 100%; clear: both; box-sizing: border-box;
    margin: 30px 0; border: 1px solid var(--te-rule); border-radius: 18px;
    background: var(--te-surface); color: inherit; overflow: hidden;
    font-family: inherit;
}
.lab-embed * { box-sizing: border-box; }

/* head */
.lab-embed .lab-tool-head { padding: 20px 22px 4px; }
.lab-embed .lab-kicker { margin: 0; font: 600 11px/1 var(--te-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--te-teal); }
.lab-embed .lab-tool-head h2 { font-size: clamp(19px, 1.4vw + 14px, 25px); line-height: 1.2; margin: 10px 0 7px; color: inherit; }
.lab-embed .lab-tool-head p:not(.lab-kicker) { margin: 0; color: var(--te-muted); max-width: 68ch; font-size: 14.5px; line-height: 1.55; }

/* input/output grid */
.lab-embed .lab-grid { display: grid; grid-template-columns: 300px 1fr; gap: 1px; margin-top: 16px; background: var(--te-rule); border-top: 1px solid var(--te-rule); }
.lab-embed .lab-grid > * { background: color-mix(in srgb, var(--te-surface) 100%, #0000); }
.lab-embed .lab-inputs, .lab-embed .lab-output { padding: 18px 20px; background: rgba(255, 255, 255, .015); }
.lab-embed .lab-fields { display: grid; gap: 12px; }
.lab-embed .lab-field { display: grid; gap: 5px; }
.lab-embed .lab-field label { font-size: 12px; color: var(--te-faint); letter-spacing: .01em; }
.lab-embed .lab-input { width: 100%; padding: 9px 11px; border: 1px solid var(--te-rule); border-radius: 9px; background: rgba(255, 255, 255, .04); color: inherit; font: 500 14px/1.2 var(--te-mono); }

/* metrics */
.lab-embed .lab-metrics { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.lab-embed .lab-metric { background: var(--te-surface2); border: 1px solid var(--te-rule); border-radius: 11px; padding: 12px 14px; }
.lab-embed .lab-metric span { display: block; font-size: 11.5px; color: var(--te-faint); margin-bottom: 5px; }
.lab-embed .lab-metric strong { font: 600 18px/1.1 var(--te-mono); color: inherit; letter-spacing: -.01em; }
.lab-embed .lab-metric.is-good strong { color: var(--te-teal); }
.lab-embed .lab-metric.is-warn strong { color: var(--te-amber); }
.lab-embed .lab-metric.is-bad strong { color: var(--te-rose); }

/* chart */
.lab-embed .lab-chart-wrap { padding: 4px 20px 6px; }
.lab-embed .lab-output .lab-chart-wrap { padding: 14px 0 0; }
.lab-embed .lab-chart-top { margin: 10px 0 6px; }
.lab-embed .lab-chart-title { font: 600 11.5px/1 var(--te-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--te-faint); }
.lab-embed .lab-chart { display: block; width: 100%; height: auto; }
.lab-embed .lab-chart text { font-family: var(--te-mono); fill: var(--te-faint); }
.lab-embed .lab-chart .axis { stroke: var(--te-rule2); stroke-width: 1; }
.lab-embed .lab-chart .gridline { stroke: var(--te-rule); stroke-width: 1; stroke-dasharray: 2 4; opacity: .7; }
.lab-embed .lab-chart .series-teal { stroke: var(--te-teal); }
.lab-embed .lab-chart .series-amber { stroke: var(--te-amber); }
.lab-embed .lab-chart .series-blue { stroke: var(--te-blue); }
.lab-embed .lab-chart .series-rose { stroke: var(--te-rose); }
.lab-embed .lab-chart .fill-band { fill: rgba(47, 212, 191, .16); }
.lab-embed .lab-chart .fill-band-2 { fill: rgba(47, 212, 191, .08); }
.lab-embed .lab-chart .fill-k1 { fill: var(--te-teal); }
.lab-embed .lab-chart .fill-k2 { fill: var(--te-amber); }
.lab-embed .lab-chart .fill-k3 { fill: var(--te-blue); }
.lab-embed .lab-chart .fill-kr { fill: var(--te-rose); }
.lab-embed .lab-chart .chart-val { fill: rgba(255, 255, 255, .92); }
.lab-embed .lab-chart .chart-inv { fill: #0c1116; }
.lab-embed .lab-chart-note { margin: 6px 0 0; font-size: 12px; color: var(--te-faint); line-height: 1.5; }

/* data table */
.lab-embed .lab-data { padding: 12px 20px 18px; }
.lab-embed .lab-table-scroll { overflow-x: auto; border: 1px solid var(--te-rule); border-radius: 12px; }
.lab-embed .lab-table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.lab-embed .lab-table th, .lab-embed .lab-table td { padding: 10px 13px; text-align: left; border-bottom: 1px solid var(--te-rule); white-space: nowrap; }
.lab-embed .lab-table thead th { font: 600 11px/1 var(--te-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--te-faint); background: rgba(255, 255, 255, .03); }
.lab-embed .lab-table tbody tr:last-child td { border-bottom: 0; }
.lab-embed .lab-table tbody tr:hover { background: rgba(255, 255, 255, .03); }
.lab-embed .lab-table td.num, .lab-embed .lab-table th.num { font-family: var(--te-mono); font-variant-numeric: tabular-nums; text-align: right; }
.lab-embed .lab-vol { display: inline-flex; gap: 3px; }
.lab-embed .lab-vol b { width: 8px; height: 8px; border-radius: 2px; background: var(--te-rule2); }
.lab-embed .lab-vol b.on { background: var(--te-amber); }
.lab-embed .lab-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* misc */
.lab-embed .lab-note { margin: 10px 20px 16px; font-size: 12.5px; color: var(--te-faint); line-height: 1.5; }
.lab-embed .lab-note strong { color: var(--te-muted); }
.lab-embed a { color: var(--te-teal); }

@media (max-width: 720px) {
    .lab-embed .lab-grid { grid-template-columns: 1fr; }
    .lab-embed .lab-metrics { grid-template-columns: 1fr 1fr; }
}

/* ---- interactive controls (live calculators via tools-core.js) ---- */
.lab-embed .lab-inputs-row { display: flex; gap: 14px; flex-wrap: wrap; align-items: end; padding: 16px 20px; border-top: 1px solid var(--te-rule); }
.lab-embed .lab-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 15px; border: 1px solid var(--te-rule2); border-radius: 9px; background: transparent; color: inherit; font: 600 13px/1 inherit; cursor: pointer; transition: background .15s, border-color .15s, transform .1s; }
.lab-embed .lab-btn:hover { border-color: var(--te-teal); color: var(--te-teal); }
.lab-embed .lab-btn-primary { background: var(--te-teal); border-color: var(--te-teal); color: #052620; }
.lab-embed .lab-btn-primary:hover { background: #46e2ce; color: #052620; transform: translateY(-1px); }
.lab-embed .lab-action { width: 100%; margin-top: 4px; }
.lab-embed .lab-seg { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 3px; border: 1px solid var(--te-rule); border-radius: 10px; background: rgba(255,255,255,.03); }
.lab-embed .lab-seg button { padding: 7px 12px; border: 0; border-radius: 7px; background: transparent; color: var(--te-muted); font: 500 12.5px/1 inherit; cursor: pointer; transition: background .15s, color .15s; }
.lab-embed .lab-seg button[aria-pressed="true"] { background: var(--te-teal); color: #052620; font-weight: 600; }
.lab-embed .lab-seg button:hover:not([aria-pressed="true"]) { color: inherit; }
.lab-embed .lab-select { width: 100%; padding: 9px 11px; border: 1px solid var(--te-rule); border-radius: 9px; background: rgba(255,255,255,.04); color: inherit; font: 500 14px/1.2 inherit; }
.lab-embed .lab-select:hover { border-color: var(--te-rule2); }
.lab-embed .lab-check { display: flex; align-items: center; gap: 9px; font-size: 13px; color: var(--te-muted); cursor: pointer; margin: 2px 0; }
.lab-embed .lab-check input { width: 16px; height: 16px; accent-color: var(--te-teal); }
.lab-embed .lab-verdict { display: inline-flex; align-items: center; gap: 8px; margin: 12px 0 0; padding: 8px 13px; border: 1px solid var(--te-rule); border-radius: 999px; font-size: 12.5px; font-weight: 600; color: var(--te-muted); }
.lab-embed .lab-verdict::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; flex: none; }
.lab-embed .lab-verdict.is-good { color: var(--te-teal); border-color: rgba(47,212,191,.4); }
.lab-embed .lab-verdict.is-warn { color: var(--te-amber); border-color: rgba(246,181,63,.4); }
.lab-embed .lab-verdict.is-bad { color: var(--te-rose); border-color: rgba(255,111,111,.4); }
.lab-embed .lab-legend { display: flex; gap: 14px; flex-wrap: wrap; }
.lab-embed .lab-legend span { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; color: var(--te-muted); }
.lab-embed .lab-legend i { width: 12px; height: 3px; border-radius: 2px; display: inline-block; }
.lab-embed .k-teal { background: var(--te-teal); } .lab-embed .k-amber { background: var(--te-amber); }
.lab-embed .k-blue { background: var(--te-blue); } .lab-embed .k-rose { background: var(--te-rose); }
.lab-embed .lab-legend .k-band { background: linear-gradient(90deg, rgba(47,212,191,.5), rgba(47,212,191,.15)); height: 10px; }
.lab-embed .lab-range { display: inline-flex; gap: 3px; }
.lab-embed .lab-range button { padding: 5px 10px; border: 1px solid var(--te-rule); border-radius: 7px; background: transparent; color: var(--te-muted); font: 500 11.5px/1 inherit; cursor: pointer; }
.lab-embed .lab-range button[aria-pressed="true"] { background: rgba(255,255,255,.06); color: var(--te-teal); }
.lab-embed .lab-chart-host { width: 100%; }
.lab-embed .lab-timeline { margin-top: 16px; }
.lab-embed .lab-tl-bar { display: flex; height: 34px; border-radius: 8px; overflow: hidden; border: 1px solid var(--te-rule); }
.lab-embed .lab-tl-seg { display: flex; align-items: center; justify-content: center; font: 600 11px/1 var(--te-mono); color: #052620; }
.lab-embed .lab-tl-seg.s1 { background: var(--te-teal); }
.lab-embed .lab-tl-seg.s2 { background: var(--te-amber); color: #2a1c00; }
.lab-embed .lab-tl-scale { display: flex; justify-content: space-between; margin-top: 6px; font: 500 11px/1 var(--te-mono); color: var(--te-faint); }
.lab-embed .lab-tl-key { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 12px; }
.lab-embed .lab-tl-key span { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; color: var(--te-muted); }
.lab-embed .lab-tl-key i { width: 12px; height: 12px; border-radius: 3px; }
.lab-embed .lab-tl-key .s1 { background: var(--te-teal); } .lab-embed .lab-tl-key .s2 { background: var(--te-amber); }
.lab-embed .lab-bar { position: relative; min-width: 110px; }
.lab-embed .lab-bar i { display: block; height: 6px; border-radius: 3px; background: var(--te-teal); opacity: .85; }
.lab-embed .lab-bar.k-amber i { background: var(--te-amber); }
.lab-embed .lab-pill { display: inline-block; padding: 3px 9px; border: 1px solid var(--te-rule); border-radius: 999px; font-size: 11px; font-weight: 600; color: var(--te-muted); }
.lab-embed .lab-pill.yes { color: var(--te-teal); border-color: rgba(47,212,191,.35); }
.lab-embed .lab-pill.no { color: var(--te-faint); }
.lab-embed .lab-data-head { margin: 0 0 8px; }
.lab-embed .lab-data-head h3 { margin: 0; font-size: 14px; color: var(--te-muted); font-weight: 600; }
.lab-embed .lab-subtle { color: var(--te-faint); font-size: 12px; }
.lab-embed .lab-table caption { text-align: left; padding: 10px 13px; color: var(--te-faint); font-size: 12px; border-bottom: 1px solid var(--te-rule); }
.lab-embed .lab-table .rank { color: var(--te-faint); font-family: var(--te-mono); }
.lab-embed .lab-facts { list-style: none; padding: 0; margin: 6px 0 0; display: grid; gap: 9px; }
.lab-embed .lab-facts li { position: relative; padding-left: 20px; font-size: 13.5px; color: var(--te-muted); line-height: 1.5; }
.lab-embed .lab-facts li::before { content: "\2192"; position: absolute; left: 0; color: var(--te-teal); }
.lab-embed .lab-eyebrow { font: 600 11px/1 var(--te-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--te-teal); }
.lab-embed .lab-prov-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(64px, 1fr)); gap: 6px; }
.lab-embed .lab-prov-grid button { padding: 8px 4px; border: 1px solid var(--te-rule); border-radius: 8px; background: transparent; color: var(--te-muted); font: 600 12px/1 var(--te-mono); cursor: pointer; }
.lab-embed .lab-prov-grid button[aria-pressed="true"] { background: var(--te-teal); color: #052620; border-color: var(--te-teal); }
.lab-embed .lab-prov-grid button:hover:not([aria-pressed="true"]) { border-color: var(--te-teal); color: inherit; }
.lab-embed .lab-prov-out { margin-top: 4px; }
.lab-embed .lab-prov-out dl { display: grid; gap: 1px; margin: 0; }
.lab-embed .lab-prov-out dt { background: var(--te-surface2); padding: 9px 13px 3px; color: var(--te-faint); font-size: 12px; }
.lab-embed .lab-prov-out dd { background: var(--te-surface); padding: 3px 13px 10px; margin: 0; font-size: 13.5px; }

/* ---- interactive slot scatter (animated bubbles + hover tooltip) ---- */
.lab-embed .lab-scatter-host { position: relative; }
.lab-embed .lab-chart-top { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.lab-embed .lab-chart-hint { margin-left: auto; font-size: 11px; color: var(--te-faint); }
.lab-embed .lab-chart circle.slot-pt { transform-box: fill-box; transform-origin: center; animation: labSlotPop .5s cubic-bezier(.2,.7,.2,1) backwards; transition: fill .35s, fill-opacity .35s, stroke .35s, stroke-opacity .35s, opacity .35s, transform .18s ease; cursor: pointer; }
.lab-embed .lab-chart circle.slot-pt.hot { transform: scale(1.32); }
@keyframes labSlotPop { from { transform: scale(0); opacity: 0; } to { transform: scale(1); } }
.lab-embed .lab-chart circle.slot-leader-ring { transition: stroke .35s, opacity .35s; pointer-events: none; }
.lab-embed .lab-chart text.slot-leader-lbl { transition: fill .35s, opacity .35s; pointer-events: none; font-weight: 600; }
.lab-embed .slot-tip { position: absolute; transform: translate(-50%, -118%); background: #0b1119; border: 1px solid rgba(255, 255, 255, .16); border-radius: 10px; padding: 8px 11px; pointer-events: none; opacity: 0; transition: opacity .14s; white-space: nowrap; z-index: 6; box-shadow: 0 8px 26px -10px rgba(0, 0, 0, .75); }
.lab-embed .slot-tip.on { opacity: 1; }
.lab-embed .slot-tip b { display: block; color: #fff; font-size: 12.5px; margin-bottom: 3px; }
.lab-embed .slot-tip span { display: block; color: rgba(255, 255, 255, .6); font-size: 11px; line-height: 1.5; }
@media (prefers-reduced-motion: reduce) {
    .lab-embed .lab-chart circle.slot-pt { animation: none; transition: fill .2s, opacity .2s; }
    .lab-embed .lab-chart circle.slot-leader-ring { transition: opacity .2s; }
    .lab-embed .lab-chart circle.slot-pt.hot { transform: none; }
}
/* weekend / holiday timeline segment (#14 withdrawal) */
.lab-embed .lab-tl-seg.s3 { background: var(--te-blue); color: #041226; }
.lab-embed .lab-tl-key .s3 { background: var(--te-blue); }
/* per-site layout variants driven by data-layout (real anti-footprint variation) */
.lab-embed[data-layout="b"] .lab-inputs { order: 2; }
.lab-embed[data-layout="b"] .lab-output { order: 1; }
.lab-embed[data-layout="c"] .lab-grid { grid-template-columns: 1fr; }
.lab-embed[data-layout="d"] .lab-metrics { grid-template-columns: 1fr; }
@media (max-width: 720px) { .lab-embed[data-layout="d"] .lab-metrics { grid-template-columns: 1fr 1fr; } }
/* theme additions */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.skip-link:focus{clip:auto!important;clip-path:none;height:auto;width:auto;left:8px;top:8px;z-index:100000;padding:12px 18px;border-radius:12px;background:#fff;color:#12071f;font-weight:700}
.nav-item>.nav-link{display:inline-block;padding:11px 14px;border-radius:12px;color:#f7edff;font-weight:600;font-size:15px}
.nav-item>.nav-link:hover,.nav-item.current-menu-item>.nav-link,.nav-item.current-menu-ancestor>button{background:rgba(255,255,255,.06)}
.nav-item.is-open .dropdown{display:block}
.dropdown a[aria-current="page"],.mobile-menu a[aria-current="page"]{background:rgba(255,255,255,.08)}
.mini-logo span{font-size:30px;line-height:1}
.bonus-terms{margin:10px 8px 4px;font-size:13px;color:var(--muted)}
.article-feature-image{text-align:center;margin:0 0 20px}.article-feature-image img{display:inline-block;max-width:100%;height:auto;border-radius:16px}
.article-card a.plink-anchor{text-decoration:underline;text-underline-offset:3px}
.article-card .btn-wrap{text-align:center;margin:18px 0 24px}
.related-wrap{margin:8px auto 28px;padding:24px 26px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08)}
.age-badge{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:2px solid #ff6f79;color:#fff;font-weight:800;font-size:14px}
.hero-visual img{object-fit:contain;border-radius:22px}
.hero-visual.is-banner{align-self:center;min-height:0;padding-bottom:96px}
.hero-visual.is-banner img{width:100%;max-height:300px;box-shadow:var(--shadow)}
@media (max-width:991px){.hero-visual.is-banner{padding-bottom:24px}}
.winners-list:empty{display:none}
.lab-embed .lab-tool-head .lab-title{font-size:clamp(19px,1.4vw + 14px,25px);line-height:1.2;margin:10px 0 7px;font-weight:800;color:inherit}
.lab-embed{margin:22px 0}.lab-hbars{display:grid;gap:10px}.lab-hbar{display:grid;grid-template-columns:minmax(110px,32%) 1fr auto;align-items:center;gap:12px;font-size:13px}
.lab-hbar>span{color:var(--muted);text-align:right}.lab-hbar>b{display:block;height:26px;border-radius:5px;min-width:3px;transition:width .25s ease}.lab-hbar>em{font-style:normal;font-weight:700;white-space:nowrap}
@media (max-width:640px){.lab-hbar{grid-template-columns:1fr auto}.lab-hbar>span{grid-column:1/-1;text-align:left}}
@media (max-width:991px){html body{padding-top:0!important}html body #masthead.site-header{position:sticky!important;top:0!important}html body #masthead.site-header .header-row{position:static!important}html body #masthead.site-header .mobile-menu{position:absolute!important;top:calc(100% + 8px)!important;left:12px!important;right:12px!important;max-height:calc(100vh - 170px)}}
@media (max-width:767px){html,html body{overflow-x:clip!important}}
@media (max-width:1199px){html body #masthead .mobile-menu.show{display:block!important}}
@media (min-width:992px) and (max-width:1199px){.site-header .header-row{justify-content:space-between}.site-header .header-actions{margin-left:auto}.site-header .burger{order:3;margin-left:12px}}
@media (min-width:768px) and (max-width:1199px){html body .hero-content{grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr)!important;align-items:center!important;min-height:0!important;padding-top:24px!important}html body .hero-copy{padding-bottom:40px!important;align-self:center!important}html body .hero-visual{min-height:0!important}html body .hero-visual img{max-height:320px;width:auto;max-width:100%;margin:0 auto}}
@media (max-width:767px){html body .hero-visual{min-height:0!important}html body .hero-visual img{max-height:240px!important;width:auto;max-width:100%;margin:0 auto}html body .hero-stats-inner{grid-template-columns:1fr 1fr!important}html body .hero-stat{padding:14px 16px!important;border-right:0!important;min-width:0!important}html body .hero-stat strong{font-size:22px!important}}
@media (max-width:767px){.footer-links-col a,.footer-side-col a{display:inline-block;padding:9px 0}.breadcrumbs a{display:inline-block;padding:9px 0}.dropdown a,.mobile-menu details a{min-height:40px;display:flex;align-items:center}}
.lab-embed{container-type:inline-size}
@container (max-width:720px){.lab-embed .lab-grid{grid-template-columns:1fr}}
html body :is(#bonuses,#slots,#why,#article,#faq){scroll-margin-top:100px}
@media (max-width:767px){html body :is(#bonuses,#slots,#why,#article,#faq){scroll-margin-top:160px}}
html body .hero.has-bg .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:0}
html body .hero.has-bg:before{z-index:1;background:linear-gradient(90deg,rgba(9,4,17,.94) 0%,rgba(16,7,28,.84) 34%,rgba(20,9,34,.34) 64%,rgba(14,6,24,.18) 100%)}
html body .hero.has-bg .hero-card,html body .hero.has-bg .hero-stats{position:relative;z-index:2}
@media (max-width:767px){html body .hero.has-bg .hero-bg{object-position:70% center}html body .hero.has-bg:before{background:linear-gradient(180deg,rgba(9,4,17,.30) 0%,rgba(16,7,28,.55) 50%,rgba(9,4,17,.92) 100%)}html body .hero.has-bg .hero-copy h1,html body .hero.has-bg .page-heading-label,html body .hero.has-bg .hero-copy p{text-shadow:0 2px 12px rgba(0,0,0,.65)}}
.footer-top-badges .age-badge{display:inline-flex;color:#d9cce9;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;width:auto!important;height:auto!important}
.footer-top-badges .rg-badge{display:inline-flex;align-items:center;gap:9px;color:#b9adcf;font-weight:900;font-size:16px;letter-spacing:-.01em;line-height:1;white-space:nowrap}
.footer-top-badges .rg-badge svg{width:26px;height:26px;flex:0 0 26px}
.footer-top-badges .age-badge svg{width:42px;height:42px}
.footer-top-badges{gap:14px!important}
.footer-copy .footer-clock{margin-left:8px;font-variant-numeric:tabular-nums;color:#cfc3e6;font-weight:600}
.footer-top-badges .rg-badge:hover{color:#fff}
.mini-logo svg{width:52px;height:52px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}
html body .lab-embed .lab-tool-head p.lab-title{font-family:inherit;font-weight:900;font-size:clamp(22px,1.5vw + 14px,32px);line-height:1.18;color:#fff7e0;max-width:none;margin:10px 0 8px;letter-spacing:-.01em}
.lab-embed .lab-scatter{width:100%;height:auto;display:block}
.lab-embed .lab-scatter text{fill:var(--te-faint,#9a8fb0);font:500 11px/1 var(--te-mono,monospace)}
.lab-embed .lab-scatter .lab-grid-line{stroke:rgba(255,255,255,.08);stroke-dasharray:3 4}
.lab-embed .lab-scatter .lab-dot{fill:rgba(45,212,191,.55);stroke:#2dd4bf;stroke-width:2}
.lab-embed .lab-scatter .lab-dot:hover{fill:rgba(45,212,191,.85)}
@container (max-width:520px){.lab-embed .lab-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.lab-embed .lab-inputs .lab-field{margin:0;min-width:0}.lab-embed .lab-inputs .lab-field:has(.lab-seg),.lab-embed .lab-inputs .lab-action{grid-column:1/-1}.lab-embed .lab-seg button,.lab-embed .lab-btn{min-height:40px}.lab-embed .lab-metrics{grid-template-columns:1fr 1fr}.lab-embed .lab-field label{font-size:12px}}