.artw-breaking{--artw-breaking-color:#c21f4a;display:grid;gap:.5rem;min-width:0;font:inherit}
.artw-breaking__item{min-width:0;margin:0}
.artw-breaking__link{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:.7rem;min-width:0;text-decoration:none;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}
.artw-breaking__link:hover,.artw-breaking__link:focus-visible{text-decoration:none;transform:translateY(-1px)}
.artw-breaking__signal{position:relative;display:grid;place-items:center;width:1.7rem;height:1.7rem;flex:0 0 auto}
.artw-breaking__signal::before,.artw-breaking__signal::after{content:"";position:absolute;border-radius:50%;border:1px solid currentColor;opacity:.2;animation:artw-breaking-ring 2.4s ease-out infinite}
.artw-breaking__signal::before{inset:.18rem}.artw-breaking__signal::after{inset:-.05rem;animation-delay:.7s}
.artw-breaking__signal i{display:block;width:.48rem;height:.48rem;border-radius:50%;background:currentColor;box-shadow:0 0 .55rem currentColor;animation:artw-breaking-pulse 1.7s ease-in-out infinite}
.artw-breaking__label{font-size:.68rem;font-weight:900;letter-spacing:.085em;text-transform:uppercase;white-space:nowrap}
.artw-breaking__content{display:flex;flex-direction:column;gap:.08rem;min-width:0}
.artw-breaking__category{font-size:.61rem;font-weight:800;letter-spacing:.065em;text-transform:uppercase;opacity:.76}
.artw-breaking__title{min-width:0;font-size:1rem;font-weight:800;line-height:1.2;overflow-wrap:anywhere}
.artw-breaking__time{font-size:.72rem;font-weight:700;white-space:nowrap;opacity:.8}
.artw-breaking__arrow{display:grid;place-items:center;width:1.55rem;height:1.55rem;border-radius:50%;font-size:1.35rem;line-height:1}

/* 1. Breaking Bar */
.artw-breaking--breaking_bar .artw-breaking__link{padding:.62rem .8rem;border-radius:.55rem;background:var(--artw-breaking-color);color:#fff;box-shadow:0 .35rem .95rem color-mix(in srgb,var(--artw-breaking-color) 18%,rgba(0,0,0,.12))}
.artw-breaking--breaking_bar .artw-breaking__signal{color:#fff}
.artw-breaking--breaking_bar .artw-breaking__label{padding:.18rem .42rem;border-radius:.3rem;background:rgba(255,255,255,.15)}
.artw-breaking--breaking_bar .artw-breaking__arrow{background:rgba(255,255,255,.14)}

/* 2. Signal */
.artw-breaking--signal .artw-breaking__link{padding:.65rem .82rem;border:1px solid color-mix(in srgb,var(--artw-breaking-color) 28%,#dfe3e7);border-radius:.6rem;background:#fff;color:#202226;box-shadow:0 .25rem .8rem rgba(20,23,26,.045)}
.artw-breaking--signal .artw-breaking__link::after{content:"";position:absolute;left:0;bottom:0;width:34%;height:2px;background:var(--artw-breaking-color);animation:artw-breaking-scan 3.4s ease-in-out infinite}
.artw-breaking--signal .artw-breaking__signal,.artw-breaking--signal .artw-breaking__label{color:var(--artw-breaking-color)}
.artw-breaking--signal .artw-breaking__arrow{color:var(--artw-breaking-color);background:color-mix(in srgb,var(--artw-breaking-color) 7%,#fff)}

/* 3. Flash Card */
.artw-breaking--flash_card .artw-breaking__link{padding:.72rem .86rem;border:1px solid color-mix(in srgb,var(--artw-breaking-color) 16%,#dfe3e7);border-radius:.85rem;background:linear-gradient(135deg,color-mix(in srgb,var(--artw-breaking-color) 7%,#fff),#fff 55%);color:#202226;box-shadow:0 .45rem 1.2rem rgba(20,23,26,.06)}
.artw-breaking--flash_card .artw-breaking__signal{color:#fff;background:var(--artw-breaking-color);border-radius:.55rem;box-shadow:0 .15rem .55rem color-mix(in srgb,var(--artw-breaking-color) 26%,transparent)}
.artw-breaking--flash_card .artw-breaking__label{color:var(--artw-breaking-color)}
.artw-breaking--flash_card .artw-breaking__arrow{color:#fff;background:var(--artw-breaking-color)}

/* 4. Beacon Split */
.artw-breaking--beacon_split .artw-breaking__link{grid-template-columns:2.2rem auto minmax(0,1fr) auto auto;padding:.6rem .76rem;border:1px solid color-mix(in srgb,var(--artw-breaking-color) 20%,#dfe3e7);border-radius:.7rem;background:#fff;color:#202226;box-shadow:inset 3.4rem 0 0 color-mix(in srgb,var(--artw-breaking-color) 9%,#fff),0 .32rem .9rem rgba(20,23,26,.045)}
.artw-breaking--beacon_split .artw-breaking__signal{color:var(--artw-breaking-color)}
.artw-breaking--beacon_split .artw-breaking__label{color:var(--artw-breaking-color)}
.artw-breaking--beacon_split .artw-breaking__arrow{color:var(--artw-breaking-color)}

/* 5. Breaking Ribbon */
.artw-breaking--breaking_ribbon .artw-breaking__link{padding:.68rem .82rem .68rem 1rem;border:1px solid color-mix(in srgb,var(--artw-breaking-color) 20%,#dfe3e7);border-radius:.65rem;background:#fff;color:#202226;box-shadow:0 .35rem .95rem rgba(20,23,26,.05)}
.artw-breaking--breaking_ribbon .artw-breaking__link::before{content:"";position:absolute;inset:0 auto 0 0;width:.34rem;background:var(--artw-breaking-color);animation:artw-breaking-glow 2.3s ease-in-out infinite}
.artw-breaking--breaking_ribbon .artw-breaking__signal{color:var(--artw-breaking-color)}
.artw-breaking--breaking_ribbon .artw-breaking__label{padding:.18rem .48rem;border-radius:999px;background:var(--artw-breaking-color);color:#fff}
.artw-breaking--breaking_ribbon .artw-breaking__arrow{color:var(--artw-breaking-color);background:color-mix(in srgb,var(--artw-breaking-color) 7%,#fff)}

@keyframes artw-breaking-ring{0%{transform:scale(.62);opacity:.4}70%,100%{transform:scale(1.3);opacity:0}}
@keyframes artw-breaking-pulse{0%,100%{transform:scale(.88);opacity:.82}50%{transform:scale(1.08);opacity:1}}
@keyframes artw-breaking-scan{0%,100%{transform:translateX(-20%);opacity:.45}50%{transform:translateX(210%);opacity:1}}
@keyframes artw-breaking-glow{0%,100%{opacity:.55}50%{opacity:1;box-shadow:0 0 .75rem var(--artw-breaking-color)}}

/* Mobile is intentionally a different composition from desktop. */
@media(max-width:767.98px){
  .artw-breaking{gap:.4rem}
  .artw-breaking__link{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:.24rem!important;padding:.58rem .68rem!important;text-align:center}
  .artw-breaking__signal{width:1.55rem;height:1.55rem}
  .artw-breaking__label{font-size:.62rem;white-space:normal}
  .artw-breaking__content{align-items:center;text-align:center;width:100%}
  .artw-breaking__title{font-size:.92rem;text-align:center}
  .artw-breaking__category{font-size:.57rem}
  .artw-breaking__time{font-size:.67rem}
  .artw-breaking__arrow{display:none}
  .artw-breaking--beacon_split .artw-breaking__link{box-shadow:inset 0 3px 0 color-mix(in srgb,var(--artw-breaking-color) 35%,#fff),0 .32rem .9rem rgba(20,23,26,.045)}
  .artw-breaking--signal .artw-breaking__link::after{width:25%;left:37.5%;animation:none}
  .artw-breaking--breaking_ribbon .artw-breaking__link::before{inset:0 25% auto 25%;width:50%;height:3px}
}
@media(prefers-reduced-motion:reduce){.artw-breaking *{animation:none!important;transition:none!important}.artw-breaking__link:hover,.artw-breaking__link:focus-visible{transform:none}}