/* TH Home Insights Carousel 1.0.4 (mobile <=540px: type label as white text on an ink gradient scrim over the art, 3-line title, tighter gutters)
   Quiet chrome: no eyebrow, no pause button. Edge chevrons (44px hit areas) + centered pill dots under the slide.
   Tokens mirror thv6 homepage tokens. Dark mode follows html.thp-theme-dark (th_theme_bridge). */
.th-hic{
  --hic-band:#e8edef;--hic-ink:#0d2c3c;--hic-body:#405b68;--hic-quiet:#6f828a;
  --hic-accent:#167eaa;--hic-accent-hover:#106b91;--hic-amber:#d4a43a;
  --hic-line:rgba(13,44,60,.16);--hic-pill-bg:#167eaa;--hic-pill-ink:#fff;--hic-focus:#167eaa;--hic-art-bg:#dce5e7;
  --hic-arrow:#6f828a;--hic-arrow-hover:#0d2c3c;--hic-arrow-bg-hover:rgba(13,44,60,.06);
  --hic-dot:#6f828a;--hic-dot-active:#167eaa;
  --hic-art-w:144px;--hic-pad-x:clamp(8px,2vw,32px);--hic-pad-t:6px;--hic-pad-b:4px;--hic-arrow-col:44px;--hic-dots-h:14px;
  position:relative;display:block;width:100%;margin:0;box-sizing:border-box;
  background:var(--hic-band);color:var(--hic-ink);border-bottom:1px solid var(--hic-line);
  font-family:Roboto,system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;
}
html.thp-theme-dark .th-hic{
  --hic-band:#0a2433;--hic-ink:#f2f5f4;--hic-body:#bccbd0;--hic-quiet:#91a4ab;
  --hic-accent:#52a9ce;--hic-accent-hover:#70b9d8;--hic-amber:#F7C560;
  --hic-line:rgba(229,238,240,.16);--hic-pill-bg:#52a9ce;--hic-pill-ink:#0a2433;--hic-focus:#F7C560;--hic-art-bg:#173746;
  --hic-arrow:#91a4ab;--hic-arrow-hover:#f2f5f4;--hic-arrow-bg-hover:rgba(229,238,240,.08);
  --hic-dot:#91a4ab;--hic-dot-active:#52a9ce;
  color-scheme:dark;
}
.th-hic *,.th-hic *::before,.th-hic *::after{box-sizing:border-box}
/* Grid: [prev] [slide] [next] / dots centered under the slide. Arrow columns and dots row are reserved before JS runs (no layout shift). */
.th-hic-inner{
  display:grid;grid-template-columns:var(--hic-arrow-col) minmax(0,1fr) var(--hic-arrow-col);
  grid-template-rows:auto var(--hic-dots-h);grid-template-areas:"prev stage next" ". dots .";
  align-items:center;column-gap:clamp(4px,1.2vw,16px);row-gap:0;
  width:100%;max-width:1440px;margin:0 auto;padding:var(--hic-pad-t) var(--hic-pad-x) var(--hic-pad-b);
}
.th-hic-kicker{display:none!important}
.th-hic-stage{grid-area:stage;min-width:0;position:relative}
.th-hic-list{width:100%;min-width:0}
.th-hic-track{
  display:flex;flex-wrap:nowrap;gap:0;margin:0;padding:0;list-style:none;
  overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;
  scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x pan-y;
}
.th-hic-track::-webkit-scrollbar{display:none}
.th-hic-slide{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;margin:0;padding:5px;display:flex;justify-content:center}
/* Card centers itself in the band */
.th-hic-card{
  display:grid;grid-template-columns:var(--hic-art-w) minmax(0,1fr);align-items:center;column-gap:18px;
  width:100%;max-width:1000px;min-width:0;margin:0 auto;color:inherit;text-decoration:none;border-radius:6px;outline:none;
}
.th-hic-art{
  position:relative;width:var(--hic-art-w);aspect-ratio:16/9;overflow:hidden;border-radius:4px;
  background:var(--hic-art-bg);border:1px solid var(--hic-line);
}
.th-hic-img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover;display:block;transition:transform .35s ease}
.th-hic-copy{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.th-hic-pill{
  display:inline-block;max-width:100%;padding:4px 9px;border-radius:999px;
  background:var(--hic-pill-bg);color:var(--hic-pill-ink);
  font:700 10.5px/1.2 Roboto,sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.th-hic-title{
  margin:0;max-width:100%;color:var(--hic-ink);font-size:17px;line-height:1.3;font-weight:600;letter-spacing:-.005em;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
}
.th-hic-excerpt{
  margin:0;max-width:100%;color:var(--hic-body);font-size:13.5px;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
}
.th-hic-card:hover .th-hic-title{color:var(--hic-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.th-hic-card:hover .th-hic-img{transform:scale(1.04)}
.th-hic-card:focus-visible,.th-hic-arrow:focus-visible,.th-hic-dot:focus-visible{outline:2px solid var(--hic-focus);outline-offset:2px}
/* Edge arrows: small quiet chevrons, 44x44 hit area, no circle border */
.th-hic-arrow{
  display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin:0;justify-self:center;
  border:0;border-radius:8px;background:transparent;color:var(--hic-arrow);cursor:pointer;
  transition:color .15s ease,background-color .15s ease;
}
.th-hic-arrow.th-hic-prev{grid-area:prev}
.th-hic-arrow.th-hic-next{grid-area:next}
.th-hic-arrow:hover,.th-hic-arrow:focus-visible{color:var(--hic-arrow-hover);background:var(--hic-arrow-bg-hover)}
.th-hic-arrow svg{width:18px;height:18px;display:block;pointer-events:none}
/* Dots row: centered under the slide. Active dot is a pill. Buttons are 24x20 targets drawn as 6px dots. */
.th-hic-controls{grid-area:dots;display:flex;align-items:center;justify-content:center;height:var(--hic-dots-h);min-height:var(--hic-dots-h)}
.th-hic-dots{display:flex;align-items:center;justify-content:center;gap:0}
.th-hic-dot{position:relative;width:24px;height:20px;padding:0;margin:-3px 0;border:0;background:transparent;cursor:pointer;border-radius:4px}
.th-hic-dot::before{
  content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:999px;
  background:var(--hic-dot);transition:width .25s ease,margin .25s ease,background-color .25s ease;
}
.th-hic-dot[aria-current="true"]::before{width:16px;margin-left:-8px;background:var(--hic-dot-active)}
.th-hic-dot:hover::before{background:var(--hic-arrow-hover)}
.th-hic-dot[aria-current="true"]:hover::before{background:var(--hic-dot-active)}
.th-hic-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:991px){
  .th-hic{--hic-art-w:128px;--hic-pad-x:4px}
  .th-hic-excerpt{display:none}
  .th-hic-title{-webkit-line-clamp:2;font-size:16px}
  .th-hic-inner{column-gap:2px}
}
@media (max-width:767px){
  .th-hic{--hic-art-w:96px;--hic-pad-x:0px;--hic-pad-t:4px;--hic-pad-b:3px}
  .th-hic-card{column-gap:10px}
  .th-hic-copy{gap:5px}
  .th-hic-pill{font-size:10px;padding:3px 8px}
  .th-hic-title{font-size:15px;line-height:1.28}
  .th-hic-arrow svg{width:16px;height:16px}
}
/* Mobile <=540px: free the pill row. Pill overlays the thumbnail top-left, title gets 3 lines,
   art height matches the 3-line text block (16:9 width = 3 x line-height x 16/9). Arrows hug the edges. */
@media (max-width:540px){
  .th-hic{--hic-art-w:100px;--hic-arrow-col:34px;--hic-pad-t:8px;--hic-pad-b:5px}
  .th-hic-inner{column-gap:0}
  .th-hic-arrow{position:relative;z-index:2}
  .th-hic-arrow.th-hic-prev{justify-self:start;justify-content:flex-start;padding-left:9px}
  .th-hic-arrow.th-hic-next{justify-self:end;justify-content:flex-end;padding-right:9px}
  .th-hic-card{position:relative;column-gap:11px;align-items:center}
  .th-hic-copy{position:static;gap:0}
  .th-hic{--hic-art-h:calc(var(--hic-art-w) * 9 / 16)}
  /* Ink scrim over the bottom ~58% of the thumbnail; the top half of the art stays clear */
  .th-hic-art::after{
    content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(to top,rgba(13,44,60,.9) 0%,rgba(13,44,60,.82) 22%,rgba(13,44,60,.45) 42%,rgba(13,44,60,0) 58%);
  }
  /* Type label: plain white uppercase text, bottom-left inside the scrim (about 5px inset). The art is
     vertically centered in the card, so its bottom edge sits at 50% + art-h/2 from the card top. */
  .th-hic-pill{
    position:absolute;z-index:2;left:6px;top:50%;transform:translateY(calc(var(--hic-art-h) / 2 - 100% - 6px));
    max-width:calc(var(--hic-art-w) - 12px);padding:0;border-radius:0;background:none;box-shadow:none;
    color:#fff;font-size:9.5px;font-weight:700;line-height:1.2;letter-spacing:.06em;
    text-shadow:0 0 2px rgba(13,44,60,.55);
  }
  .th-hic-title{font-size:15px;line-height:1.25;-webkit-line-clamp:3}
}
@media (max-width:380px){
  .th-hic{--hic-art-w:93px}
  .th-hic-title{font-size:14px}
  .th-hic-pill{font-size:9px;letter-spacing:.035em}
}

@media (prefers-reduced-motion:reduce){
  .th-hic-track{scroll-behavior:auto}
  .th-hic-img,.th-hic-arrow,.th-hic-dot::before{transition:none}
  .th-hic-card:hover .th-hic-img{transform:none}
}
@media (forced-colors:active){.th-hic-pill{border:1px solid CanvasText}.th-hic-dot::before{background:CanvasText}.th-hic-dot[aria-current="true"]::before{background:Highlight}.th-hic-arrow{color:ButtonText}}