/* Shared intlplay wordmark, matched to the supplied brand reference.
   Scoped to the brand links; page layout and editorial type are unchanged. */
header a:has(> .intlplay-wordmark),
footer a:has(> .intlplay-wordmark){
  --brand-ink:#fff;
  --brand-accent:#80b2ff;
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  flex-shrink:0;
}
footer a:has(> .intlplay-wordmark){
  --brand-ink:#172746;
  --brand-accent:#2864ed;
}
.intlplay-wordmark.intlplay-wordmark{
  display:inline-flex;
  align-items:baseline;
  font-family:var(--sans,'Public Sans',Arial,sans-serif);
  font-weight:800;
  font-size:30px!important;
  font-style:normal;
  line-height:1;
  letter-spacing:-.045em;
  white-space:nowrap;
  color:var(--brand-ink);
}
.intlplay-wordmark .intlplay-intl,
.intlplay-wordmark .intlplay-play,
.intlplay-wordmark .intlplay-i{
  font-family:inherit;
  font-size:inherit!important;
  font-weight:inherit;
  font-style:normal;
  line-height:inherit;
}
.intlplay-wordmark .intlplay-play{color:var(--brand-accent)}
/* Construct the blue i-dot without changing its letter's advance width. */
.intlplay-wordmark .intlplay-i{
  position:relative;
  display:inline-block;
  color:transparent;
}
.intlplay-i::before,.intlplay-i::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  pointer-events:none;
}
.intlplay-i::before{
  bottom:.14em;
  width:.15em;
  height:.56em;
  background:var(--brand-ink);
}
.intlplay-i::after{
  top:.02em;
  width:.18em;
  height:.18em;
  border-radius:50%;
  background:var(--brand-accent);
}
header a:has(> .intlplay-wordmark)>svg,
footer a:has(> .intlplay-wordmark)>svg{
  width:40px;
  height:40px;
  flex-shrink:0;
}
header a:has(> .intlplay-wordmark)>svg>rect{fill:#fff}
header a:has(> .intlplay-wordmark)>svg>g{
  stroke:#172746;
  stroke-width:2;
}
footer a:has(> .intlplay-wordmark)>svg>rect{fill:#172746}
footer a:has(> .intlplay-wordmark)>svg>g{
  stroke:#fff;
  stroke-width:2;
}
header a:has(> .intlplay-wordmark)>svg>circle,
footer a:has(> .intlplay-wordmark)>svg>circle{
  fill:#2864ed;
  stroke:none;
  r:3px;
}
@media(max-width:640px){
  .intlplay-wordmark.intlplay-wordmark{font-size:28px!important}
  header a:has(> .intlplay-wordmark)>svg,
  footer a:has(> .intlplay-wordmark)>svg{width:36px;height:36px}
}