/* V344 — mobile entry hero: natural text glow, no rectangular wash/panel. */
@media (max-width:720px){
  /* Remove the broad left-side veil. Readability now comes from the text-local glow only. */
  html body .pk-entry-hero .reference-hero-wash,
  html body.smn-translated .pk-entry-hero .reference-hero-wash{
    display:block!important;
    background:none!important;
    opacity:0!important;
  }

  html body .pk-entry-hero .reference-hero-copy,
  html body.smn-translated .pk-entry-hero .reference-hero-copy{
    isolation:isolate!important;
  }

  /* One irregular, feathered light cloud that follows only the text height.
     Multiple radial lobes avoid any visible box edge. */
  html body .pk-entry-hero .reference-hero-copy::before,
  html body.smn-translated .pk-entry-hero .reference-hero-copy::before{
    content:''!important;
    display:block!important;
    position:absolute!important;
    left:-30px!important;
    top:-24px!important;
    bottom:auto!important;
    width:calc(100% + 84px)!important;
    height:var(--smn-v344-hero-glow-height,240px)!important;
    min-height:0!important;
    max-height:none!important;
    z-index:-1!important;
    pointer-events:none!important;
    border:0!important;
    border-radius:48% 52% 46% 54% / 38% 34% 66% 62%!important;
    background:
      radial-gradient(ellipse 72% 24% at 33% 10%, rgba(255,255,255,.58) 0%, rgba(255,255,255,.40) 36%, rgba(255,255,255,.15) 64%, rgba(255,255,255,0) 100%),
      radial-gradient(ellipse 86% 45% at 38% 45%, rgba(255,255,255,.47) 0%, rgba(255,255,255,.30) 38%, rgba(255,255,255,.11) 67%, rgba(255,255,255,0) 100%),
      radial-gradient(ellipse 76% 28% at 32% 82%, rgba(255,255,255,.40) 0%, rgba(255,255,255,.24) 40%, rgba(255,255,255,.08) 68%, rgba(255,255,255,0) 100%)!important;
    filter:blur(18px)!important;
    opacity:.96!important;
    transform:translateZ(0)!important;
  }

  /* A glyph-level halo keeps small copy legible while preserving the photo between lines. */
  html body .pk-entry-hero .reference-kicker,
  html body .pk-entry-hero .reference-script,
  html body .pk-entry-hero .reference-lead,
  html body .pk-entry-hero .reference-promise,
  html body .pk-entry-hero .reference-hero-copy h1 span,
  html body .pk-entry-hero .reference-hero-copy h1 strong,
  html body.smn-translated .pk-entry-hero .reference-kicker,
  html body.smn-translated .pk-entry-hero .reference-script,
  html body.smn-translated .pk-entry-hero .reference-lead,
  html body.smn-translated .pk-entry-hero .reference-promise,
  html body.smn-translated .pk-entry-hero .reference-hero-copy h1 span,
  html body.smn-translated .pk-entry-hero .reference-hero-copy h1 strong{
    text-shadow:
      0 0 7px rgba(255,255,255,.92),
      0 0 15px rgba(255,255,255,.58),
      0 1px 1px rgba(255,255,255,.72)!important;
  }

  /* Buttons remain completely outside the glow boundary. */
  html body .pk-entry-hero .reference-actions,
  html body.smn-translated .pk-entry-hero .reference-actions{
    position:relative!important;
    z-index:2!important;
  }
}