/* DX.Wire NewsTalker Morphing Transport 1.0.0
   A fixed cabinet with independently operable, original Previous/Next keys.
   The head yields only after native TTS really begins. No new audio engine. */
html:is([data-theme=newsprint],[data-theme=dark]) .express-transport.talker-morph-console{
  position:relative;isolation:isolate;display:inline-flex;
  align-items:center;gap:0;vertical-align:middle;
}
html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console #night-read-aloud{
  flex:0 0 auto;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
html:is([data-theme=newsprint],[data-theme=dark]) #night-read-aloud .talker-face-window{
  position:relative;box-sizing:border-box;
  display:grid;place-items:center;flex:0 0 76px;
  width:76px;min-width:0;height:34px;
  margin:0;border-right:1px solid #68829466;border-radius:5px;
  background:linear-gradient(180deg,#7c9eae13,#0d172033 55%,#48647715);
  box-shadow:inset 0 1px 1px #fff1,inset 0 -1px 2px #0006;
  overflow:hidden;
}
html:is([data-theme=newsprint],[data-theme=dark]) #night-read-aloud .talker-face-window .dispatch-face{
  display:block;flex:none;box-sizing:border-box;width:27px;height:27px;
  padding:0!important;margin:0!important;border:0!important;
  transform:translate3d(0,0,0);
  transition:opacity .2s ease,transform .2s cubic-bezier(.2,.65,.25,1);
}
html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console.is-morphed .talker-face-window .dispatch-face{
  opacity:0;transform:translate3d(4px,0,0);
}
html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console .talker-morph-keys{
  position:absolute;z-index:4;left:8px;top:50%;width:76px;height:34px;
  box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:center;gap:2px;padding:1px 3px;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translate3d(-4px,-50%,0);
  transition:opacity .2s ease,transform .2s cubic-bezier(.2,.65,.25,1),visibility 0s linear .2s;
}
html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console.is-morphed .talker-morph-keys{
  opacity:1;visibility:visible;pointer-events:auto;
  transform:translate3d(0,-50%,0);transition-delay:0s;
}
html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console .talker-morph-keys .express-skip{
  position:relative;display:grid!important;place-items:center;
  box-sizing:border-box;flex:none!important;width:100%!important;min-width:0!important;
  height:31px!important;min-height:0!important;
  margin:0!important;padding:0!important;border:1px solid #5d7886!important;
  border-radius:5px!important;background:linear-gradient(180deg,#506c7a,#1e3443 28%,#0d1b28 88%)!important;
  color:#d8f2f7!important;font:700 12px/1 Arial,sans-serif!important;
  text-shadow:0 1px #08121c;
  box-shadow:inset 0 1px 1px #cdeafa45,inset 0 -2px 2px #0008,0 1px 2px #000a;
  overflow:hidden!important;transform:none!important;
  transition:opacity .18s ease,background .18s ease,box-shadow .18s ease!important;
}
html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console:not(.is-morphed) .talker-morph-keys .express-skip{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}
html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console.is-morphed .talker-morph-keys .express-skip{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;
}
html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console.is-morphed .talker-morph-keys .express-skip:disabled{
  opacity:.32!important;pointer-events:none!important;
  filter:saturate(.5);
}
html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console.is-morphed .talker-morph-keys .express-skip:active:not(:disabled){
  background:linear-gradient(180deg,#101e28,#2b5363)!important;
  box-shadow:inset 0 2px 5px #000b!important;
}
html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console .express-skip:focus-visible{
  outline:2px solid #bff7fb!important;outline-offset:2px!important;
}
html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console #night-read-aloud .dispatch-word{
  min-width:0;overflow:hidden;
}
html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console #night-read-aloud .dispatch-action{
  transition:background .2s ease,box-shadow .2s ease,color .2s ease;
}
html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console[data-state=playing] #night-read-aloud .dispatch-action{
  background:#b7f5d0;box-shadow:inset 0 1px #fff9,0 0 8px #38db8466;
}
html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console[data-state=paused] #night-read-aloud .dispatch-action{
  background:#ffd49a;color:#31200e;box-shadow:0 0 7px #dfa34766;
}
html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console[data-state=starting] #night-read-aloud .dispatch-action{
  background:#c4d6db;box-shadow:none;
}
@media (min-width:701px) and (max-width:1020px){
  html:is([data-theme=newsprint],[data-theme=dark]) #night-read-aloud .talker-face-window{
    flex-basis:60px;width:60px;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console .talker-morph-keys{
    width:60px;left:8px;
  }
}
/* The red mobile station strip is only 38px high. Preserve its height, masthead
   date and clock, and keep the same outer receiver dimensions while keys morph. */
@media (max-width:700px){
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .express-transport.talker-morph-console{
    gap:0!important;min-width:0;justify-self:start;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console #night-read-aloud,
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console.is-active #night-read-aloud{
    box-sizing:border-box;width:clamp(122px,36vw,158px)!important;
    min-width:0!important;height:32px!important;min-height:32px!important;
    padding:3px 23px 3px 4px!important;gap:2px!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile #night-read-aloud .talker-face-window{
    flex:0 0 clamp(48px,14.4vw,64px)!important;
    width:clamp(48px,14.4vw,64px)!important;height:26px!important;
    border-right:1px solid #b78b9666;
    background:linear-gradient(170deg,#fff2,#39151b00 80%);
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile #night-read-aloud .talker-face-window .dispatch-face{
    width:19px!important;height:20px!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console .talker-morph-keys{
    width:clamp(48px,14.4vw,64px)!important;height:36px!important;
    left:4px!important;padding:2px 1px!important;gap:2px!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console .talker-morph-keys .express-skip{
    width:100%!important;height:32px!important;
    border-color:#9e6377!important;border-radius:4px!important;
    background:linear-gradient(165deg,#6b4253,#431f2c 40%,#200d18 92%)!important;
    color:#fff!important;font-size:10px!important;box-shadow:inset 0 1px #eec5d255,inset 0 -2px #130811aa!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console[data-state=playing] .express-skip:not(:disabled){
    border-color:#83c0a0!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console #night-read-aloud .dispatch-word{
    flex:1 1 auto;min-width:0;overflow:hidden;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console #night-read-aloud .dispatch-word>strong{
    font-size:clamp(7px,2.1vw,9px)!important;letter-spacing:-.012em!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console #night-read-aloud .dispatch-word>small{
    font-size:clamp(6px,1.7vw,7px)!important;
  }
}
@media(max-width:360px){
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console #night-read-aloud .dispatch-word>small{
    display:none!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console .talker-morph-keys,
  html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console .talker-face-window .dispatch-face,
  html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console #night-read-aloud,
  html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console #night-read-aloud .dispatch-action,
  html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console .express-skip{
    transition:none!important;animation:none!important;
  }
}

/* Mobile Stage 1 → Stage 2: original instrument, illuminated vector transport.
   Keep the 38px masthead, existing button/skip handlers and desktop unchanged. */
.talker-mobile-standby-play,.talker-mobile-center,
.talker-mobile-skip-icon{display:none}
@media(max-width:700px){
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile #night-read-aloud .talker-face-window{
    display:flex!important;justify-content:space-evenly;align-items:center;
    box-sizing:border-box;padding:0 1px;border:1px solid #b38b9766;
    border-radius:6px;background:linear-gradient(165deg,#71404a38,#2b0b140a 80%);
    box-shadow:inset 0 1px 1px #fff2,inset 0 -1px 2px #14060955;
    transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile #night-read-aloud .talker-face-window .dispatch-face{
    width:clamp(16px,4.9vw,19px)!important;height:20px!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-mobile-standby-play{
    display:block;flex:0 0 auto;width:clamp(12px,3.7vw,16px);height:19px;
    fill:none;stroke:#cdf9d2;stroke-width:1.75;stroke-linejoin:round;
    filter:drop-shadow(0 0 2px #60fc846f);pointer-events:none;
    transition:opacity .2s ease,transform .2s cubic-bezier(.2,.65,.25,1);
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-mobile-center{
    display:block;position:absolute;left:50%;top:50%;z-index:2;
    width:clamp(17px,5.2vw,23px);height:23px;
    transform:translate(-55%,-50%) scale(.88);
    fill:none;stroke:#79ff9a;stroke-width:1.8;stroke-linejoin:round;
    filter:drop-shadow(0 0 3px #28f76b);
    opacity:0;pointer-events:none;
    transition:opacity .2s ease,transform .2s cubic-bezier(.2,.65,.25,1);
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console.is-morphed .talker-mobile-center{
    opacity:1;transform:translate(-50%,-50%) scale(1);
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console.is-morphed .talker-mobile-standby-play{
    opacity:0;transform:translate3d(4px,0,0);
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console.is-morphed #night-read-aloud .talker-face-window{
    border-color:#72e99a;
    background:linear-gradient(112deg,#164228b5 0%,#30472cc9 48%,#25132277 100%);
    box-shadow:inset 0 1px 2px #c1ffbc30,inset 0 -2px 4px #00190780,0 0 3px #75ff8d8c,0 0 8px #42e8754c;
  }
  /* Three visual columns, two real skip buttons, one genuine Play/Pause center.
     The center lane passes taps to #night-read-aloud beneath the overlay. */
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console .talker-morph-keys{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:center!important;gap:0!important;padding:2px 1px!important;
    height:28px!important;pointer-events:none!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console .talker-morph-keys .express-skip{
    flex:none!important;width:100%!important;min-width:0!important;
    height:24px!important;min-height:0!important;padding:0!important;
    border:0!important;border-radius:4px!important;background:none!important;
    box-shadow:none!important;text-shadow:none!important;font-size:0!important;
    color:transparent!important;pointer-events:none!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console .talker-morph-keys .express-skip:first-child{grid-column:1}
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console .talker-morph-keys .express-skip:last-child{grid-column:3}
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console.is-morphed .talker-morph-keys .express-skip:not(:disabled){
    pointer-events:auto!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console .talker-mobile-skip-icon{
    display:block;width:min(16px,100%);height:19px;margin:auto;
    overflow:visible;fill:none;stroke:#f5fbf4;stroke-width:1.65;
    stroke-linecap:round;stroke-linejoin:round;
    filter:drop-shadow(0 0 1px #baf2ca77);
    pointer-events:none;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console .express-skip:focus-visible{
    outline:2px solid #b1ffc6!important;outline-offset:0!important;
  }
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-mobile-standby-play,
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-mobile-center,
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile #night-read-aloud .talker-face-window{
    transition:none!important;animation:none!important;
  }
}

/* iPad repair: the <701px phone masthead selectors do not reach tablet #bar.
   Coarse-pointer tablets now use the same two-stage SVG transport; desktop
   pointer-fine UI and original audio handlers are unaffected. */
@media (min-width:701px) and (max-width:1366px) and (any-pointer:coarse){
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .express-transport.talker-morph-console{
    flex:0 0 340px;width:340px;min-width:0;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console #night-read-aloud{
    box-sizing:border-box;width:340px!important;min-width:0!important;
    height:46px!important;gap:7px!important;padding:5px 8px!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console #night-read-aloud .talker-face-window{
    display:flex;position:relative;align-items:center;justify-content:space-evenly;
    box-sizing:border-box;flex:0 0 132px!important;width:132px!important;
    height:36px!important;min-width:0;padding:0 6px;
    border:1px solid #957f8588;border-radius:8px;
    background:linear-gradient(160deg,#6c404a53,#240e175c 78%);
    box-shadow:inset 0 1px 2px #ffffff24,inset 0 -2px 4px #0d030955;
    transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console #night-read-aloud .talker-face-window .dispatch-face{
    flex:none;width:27px;height:27px;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console .talker-mobile-standby-play{
    display:block;flex:none;width:22px;height:25px;
    stroke:#c3ffce;stroke-width:1.75;stroke-linejoin:round;fill:none;
    filter:drop-shadow(0 0 2px #78ff9e88);pointer-events:none;
    transition:opacity .2s ease,transform .2s ease;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console .talker-mobile-center{
    display:block;position:absolute;left:50%;top:50%;z-index:2;
    width:29px;height:29px;opacity:0;pointer-events:none;
    fill:none;stroke:#7cff9e;stroke-width:1.75;stroke-linejoin:round;
    filter:drop-shadow(0 0 4px #2dfb70);
    transform:translate(-55%,-50%) scale(.9);
    transition:opacity .2s ease,transform .2s cubic-bezier(.2,.65,.25,1);
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console.is-morphed .talker-mobile-standby-play{
    opacity:0;transform:translate3d(5px,0,0);
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console.is-morphed .talker-mobile-center{
    opacity:1;transform:translate(-50%,-50%) scale(1);
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console.is-morphed #night-read-aloud .talker-face-window{
    border-color:#62e58e;
    background:linear-gradient(112deg,#1b492cab,#345333b9 48%,#371c2b94 100%);
    box-shadow:inset 0 1px 2px #ddffc747,inset 0 -2px 4px #001b0b88,0 0 5px #76ffa48c,0 0 12px #3aeb8257;
  }
  /* Two original functional skip buttons flank one passthrough center button.
     Three 44px hit lanes on landscape iPad, no nested buttons. */
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console .talker-morph-keys{
    left:8px!important;width:132px!important;height:44px!important;
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important;padding:0!important;align-items:center;
    pointer-events:none!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console .talker-morph-keys .express-skip{
    box-sizing:border-box;flex:none!important;width:100%!important;
    height:44px!important;min-height:44px!important;min-width:0!important;
    border:0!important;border-radius:6px!important;
    background:none!important;box-shadow:none!important;
    color:transparent!important;text-shadow:none!important;font-size:0!important;
    padding:0!important;pointer-events:none!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console .talker-morph-keys .express-skip:first-child{grid-column:1}
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console .talker-morph-keys .express-skip:last-child{grid-column:3}
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console.is-morphed .talker-morph-keys .express-skip:not(:disabled){
    pointer-events:auto!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console .talker-mobile-skip-icon{
    display:block;width:23px;height:25px;margin:auto;
    stroke:#f2fff5;stroke-width:1.65;stroke-linejoin:round;
    stroke-linecap:round;fill:none;overflow:visible;
    filter:drop-shadow(0 0 2px #92ffb37f);pointer-events:none;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console .express-skip:focus-visible{
    outline:2px solid #b1ffca!important;outline-offset:-3px!important;
  }
}
@media (min-width:701px) and (max-width:820px) and (any-pointer:coarse){
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .express-transport.talker-morph-console{
    flex-basis:316px;width:316px;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console #night-read-aloud{width:316px!important}
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console #night-read-aloud .talker-face-window{
    flex-basis:120px!important;width:120px!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console .talker-morph-keys{width:120px!important}
}
@media (min-width:701px) and (max-width:1366px) and (any-pointer:coarse) and (prefers-reduced-motion:reduce){
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console .talker-mobile-standby-play,
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console .talker-mobile-center,
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console #night-read-aloud .talker-face-window{
    animation:none!important;transition:none!important;
  }
}

/* Audio-safe SVG morph recovery 112: all transport artwork is CSS only.
   Keep the last approved NewsTalker speech/sound-engine source untouched.
   Center tap remains the real parent Play/Pause button; skip taps remain
   the original independent headline-aware buttons. */
@media (max-width:700px), (min-width:701px) and (max-width:1366px) and (any-pointer:coarse) {
  html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console #night-read-aloud .talker-face-window::before,
  html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console #night-read-aloud .talker-face-window::after {
    content:"";display:block;box-sizing:border-box;
    width:19px;height:21px;flex:0 0 19px;
    background-position:center;background-repeat:no-repeat;background-size:contain;
    pointer-events:none;filter:drop-shadow(0 0 3px #42ef82a0);
    transition:opacity .2s ease,transform .2s cubic-bezier(.2,.65,.25,1);
  }
  html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console #night-read-aloud .talker-face-window::before{
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7%204.5%2019.5%2012%207%2019.5z%22%20fill%3D%22none%22%20stroke%3D%22%23bbffd0%22%20stroke-width%3D%221.8%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    opacity:1;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console #night-read-aloud .talker-face-window::after{
    position:absolute;left:50%;top:50%;z-index:2;
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7%205.5h3.5v13H7zM13.5%205.5H17v13h-3.5z%22%20fill%3D%22none%22%20stroke%3D%22%23bbffd0%22%20stroke-width%3D%221.8%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    opacity:0;transform:translate(-55%,-50%) scale(.88);
  }
  html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console[data-state=paused] #night-read-aloud .talker-face-window::after{
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7%204.5%2019.5%2012%207%2019.5z%22%20fill%3D%22none%22%20stroke%3D%22%23bbffd0%22%20stroke-width%3D%221.8%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  }
  html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console.is-morphed #night-read-aloud .talker-face-window::before{
    opacity:0;transform:translateX(4px);
  }
  html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console.is-morphed #night-read-aloud .talker-face-window::after{
    opacity:1;transform:translate(-50%,-50%) scale(1);
  }
  html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console .talker-morph-keys .express-skip::before{
    content:"";display:block;width:20px;height:22px;
    background-position:center;background-repeat:no-repeat;background-size:contain;
    filter:drop-shadow(0 0 2px #92ffb3a0);pointer-events:none;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console .talker-morph-keys .express-skip:first-child::before{
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M11%205.5%204%2012l7%206.5zM20.5%205.5%2013.5%2012l7%206.5z%22%20fill%3D%22none%22%20stroke%3D%22%23bbffd0%22%20stroke-width%3D%221.8%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  }
  html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console .talker-morph-keys .express-skip:last-child::before{
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3.5%205.5%2010.5%2012l-7%206.5zM13%205.5%2020%2012l-7%206.5z%22%20fill%3D%22none%22%20stroke%3D%22%23bbffd0%22%20stroke-width%3D%221.8%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  }
  /* The morphed center key IS Pause/Play. Remove the duplicate right-hand
     Pause/Resume pill; keep Play on the right while the console is in standby. */
  html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console.is-morphed #night-read-aloud .dispatch-action{
    display:none!important;
  }
}
@media(max-width:700px){
  html:is([data-theme=newsprint],[data-theme=dark]) #mast .talker-morph-console #night-read-aloud .talker-face-window::before{
    width:clamp(12px,3.7vw,16px);height:19px;flex-basis:clamp(12px,3.7vw,16px);
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast .talker-morph-console #night-read-aloud .talker-face-window::after{
    width:clamp(17px,5.2vw,23px);height:23px;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast .talker-morph-console .talker-morph-keys .express-skip::before{
    width:16px;height:19px;
  }
}
@media (min-width:701px) and (max-width:1366px) and (any-pointer:coarse){
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console #night-read-aloud .talker-face-window::before{
    width:22px;height:25px;flex-basis:22px;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console #night-read-aloud .talker-face-window::after{
    width:29px;height:29px;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console .talker-morph-keys .express-skip::before{
    width:23px;height:25px;
  }
}
@media (prefers-reduced-motion:reduce){
  html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console #night-read-aloud .talker-face-window::before,
  html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console #night-read-aloud .talker-face-window::after{
    transition:none!important;
  }
}


/* Consolidated NewsTalker transport · phone + iPad
   The center vector key is the only Play/Pause glyph. The existing right
   station lens remains a state-only light, not a second transport control.
   No audio/JS listeners, desktop mouse layout, or cabinet dimensions change. */
@media (max-width:700px){
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile #night-read-aloud::before{
    content:none!important;display:none!important;
  }
}
@media (min-width:701px) and (max-width:1366px) and (any-pointer:coarse){
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console #night-read-aloud .dispatch-action{
    display:inline-flex!important;align-items:center;justify-content:center;
    position:relative;box-sizing:border-box;flex:0 0 28px!important;
    width:28px!important;min-width:28px!important;height:28px!important;
    padding:0!important;margin:0!important;gap:0!important;
    border:1px solid #73232b!important;border-radius:50%!important;
    background:radial-gradient(circle at 35% 25%,#fff9 0%,#ff7b66 17%,#df2736 48%,#64131b 100%)!important;
    box-shadow:inset 0 1px 2px #fff5,inset 0 -2px 3px #35050d,0 0 6px #ff494988!important;
    color:transparent!important;font-size:0!important;line-height:0!important;
    text-shadow:none!important;pointer-events:none!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console #night-read-aloud .dispatch-action > svg,
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console #night-read-aloud .dispatch-action > span{
    display:none!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console[data-state=playing] #night-read-aloud .dispatch-action{
    border-color:#177148!important;
    background:radial-gradient(circle at 35% 25%,#fff9 0%,#a6ffd0 18%,#20cd78 53%,#07583d 100%)!important;
    box-shadow:inset 0 1px 2px #fff6,inset 0 -2px 3px #053e27,0 0 7px 2px #2ee995a3!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console[data-state=paused] #night-read-aloud .dispatch-action{
    border-color:#9a5e24!important;
    background:radial-gradient(circle at 35% 25%,#fff9 0%,#ffe29c 18%,#e9a333 53%,#754315 100%)!important;
    box-shadow:inset 0 1px 2px #ffecb477,inset 0 -2px 3px #613a12,0 0 6px #eeb75188!important;
  }
}

/* NewsTalker contact optic · command acceptance is distinct from actual audio.
   On finger-down the recessed key depresses; while the native voice warms up,
   the cabinet holds a cool-blue READY light. Green is reserved for real speech,
   amber for pause, and standby goes dark. No sound-engine hooks or fake pulse. */
html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console[data-state=starting] #night-read-aloud{
  border-color:#88d8eb!important;
  box-shadow:inset 0 1px 1px #d5f7ff33,0 0 0 1px #48c4e528,0 0 10px #48c4e56b!important;
}
html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console[data-state=starting] #night-read-aloud .talker-face-window{
  border-color:#93e3fa!important;
  background:linear-gradient(160deg,#305566d9,#112f41eb 70%)!important;
  box-shadow:inset 0 2px 4px #08151ec9,inset 0 0 6px #a8ecff6b,0 0 7px #52d3fa82!important;
}
html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console[data-state=starting] #night-read-aloud .dispatch-action{
  background:#c1f0ff!important;color:#11293a!important;
  box-shadow:inset 0 1px #fff9,0 0 8px #77dfff99!important;
}
html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console[data-state=playing] #night-read-aloud{
  border-color:#77dca6!important;
  box-shadow:inset 0 1px 1px #caffd428,0 0 8px #40e78b55!important;
}
html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console[data-state=paused] #night-read-aloud{
  border-color:#d9ac63!important;
  box-shadow:inset 0 1px 1px #ffe1ad21,0 0 7px #e0a34b55!important;
}
/* iPad retains its original circular station-status lens; illuminate it
   blue only during STARTING, before genuine onstart switches to green. */
@media (min-width:701px) and (max-width:1366px) and (any-pointer:coarse){
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console[data-state=starting] #night-read-aloud .dispatch-action{
    border-color:#428cb2!important;
    background:radial-gradient(circle at 35% 25%,#fff 0%,#bdefff 18%,#43b9e4 54%,#17506b 100%)!important;
    box-shadow:inset 0 1px 2px #fff9,inset 0 -2px 3px #133b4e,0 0 7px 2px #4bd2f3a3!important;
  }
}
/* Hardware contact: tactile key travel occurs immediately on pointer-down,
   even before fetch, Web Audio unlock or the first spoken syllable. */
html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console #night-read-aloud:active .talker-face-window{
  transform:translateY(1px);
  border-color:#b3efff!important;
  box-shadow:inset 0 3px 6px #000d,inset 0 0 5px #b8f6ffad,0 0 7px #76dfff7d!important;
}
html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console #night-read-aloud:active .dispatch-action{
  transform:translateY(1px);
  box-shadow:inset 0 2px 5px #10252ba0,0 0 7px #98edffa3!important;
}
html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console.is-morphed .talker-morph-keys .express-skip:active:not(:disabled)::before{
  filter:drop-shadow(0 0 5px #d4ffe4);
}
@media (prefers-reduced-motion:reduce){
  html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console #night-read-aloud .talker-face-window,
  html:is([data-theme=newsprint],[data-theme=dark]) .talker-morph-console #night-read-aloud .dispatch-action{
    transition:none!important;
  }
}

/* NewsTalker masthead registration · phone + laptop · 2026-11-15
   The desktop receiver was fixed at 262px: its 76px face and NEW EDITION
   pill left too little room for the two-line maker's plate. Allocate space
   inside the same station row, without changing audio/transport machinery.
   Touch iPads retain their separate 3-lane instrument and 44px key rails. */
@media (min-width:701px) and (pointer:fine){
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .wire-brand-cluster .talker-morph-console #night-read-aloud{
    width:300px!important;gap:6px!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console #night-read-aloud .talker-face-window{
    flex:0 0 62px!important;width:62px!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console .talker-morph-keys{
    width:62px!important;left:8px!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console #night-read-aloud .dispatch-word{
    flex:1 1 auto;min-width:0;overflow:hidden;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console #night-read-aloud .dispatch-action{
    flex:0 0 auto;white-space:nowrap;padding:7px 7px!important;
  }
}
@media (min-width:701px) and (max-width:1020px) and (pointer:fine){
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .wire-brand-cluster .talker-morph-console #night-read-aloud{
    width:264px!important;gap:4px!important;padding:5px 6px!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console #night-read-aloud .talker-face-window{
    flex-basis:48px!important;width:48px!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console .talker-morph-keys{
    width:48px!important;left:6px!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #bar .talker-morph-console #night-read-aloud .dispatch-action{
    gap:3px;padding:7px 5px!important;font-size:9px!important;
  }
}
/* Mobile: the wordmark is a maker's plate, not a billboard. Reclaim width
   for the centered date while keeping the real Play/Pause button, skip keys
   and right-hand 36px Search hit area in their original grid cells. */
@media (max-width:700px){
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console #night-read-aloud,
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console.is-active #night-read-aloud{
    width:clamp(118px,33vw,144px)!important;
    padding:3px 19px 3px 4px!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console #night-read-aloud .talker-face-window{
    flex:0 0 clamp(48px,12.8vw,56px)!important;
    width:clamp(48px,12.8vw,56px)!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console .talker-morph-keys{
    width:clamp(48px,12.8vw,56px)!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console #night-read-aloud .dispatch-word>strong{
    font-size:clamp(7px,1.95vw,8.5px)!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console #night-read-aloud .dispatch-word>small{
    font-size:clamp(5.7px,1.55vw,6.6px)!important;
  }
  html:is([data-theme=newsprint],[data-theme=dark]) #mast>.edition-dateline.edition-audio-mobile .talker-morph-console #night-read-aloud::after{
    right:4px!important;width:13px!important;height:13px!important;
  }
  /* The right lamp has no button semantics; leave the search and date alone. */
}