/* Glass material is shared with the sales-page dock in mobile-nav.css. */
.article-audio[hidden]{display:none!important}
.article-audio{--audio-progress:0%;position:fixed;z-index:29;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(780px,calc(100% - 20px));box-sizing:border-box;margin:0;padding:10px 16px 9px;border-radius:10px;color:#f5f7fb;font-family:inherit}
body:has(.article-audio:not([hidden])){padding-bottom:calc(142px + env(safe-area-inset-bottom))}
html:has(.article-audio:not([hidden])){scroll-padding-bottom:calc(150px + env(safe-area-inset-bottom))}
.article-audio-main{display:flex;align-items:center;gap:12px}
.article-audio-heading{min-width:0;margin-right:auto}
.article-audio .article-audio-title{font-size:16px;line-height:1.4;letter-spacing:-.02em;font-weight:600;margin:0;color:#f5f7fb;white-space:nowrap}
.audio-title-short{display:none}
.article-audio-current{display:block;margin-top:2px;font-size:10px;line-height:1.4;color:#b9c2d0;font-variant-numeric:tabular-nums;white-space:nowrap}
.article-audio-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}
.article-audio button,.article-audio-settings>summary{display:grid;place-items:center;box-sizing:border-box;min-width:44px;height:44px;border:0;padding:0;border-radius:8px;background:transparent;color:#f2f5fb;cursor:pointer;touch-action:manipulation;font-family:inherit;transition:background 140ms}
.article-audio button:hover{background:#ffffff12}
.article-audio button:disabled{opacity:.3;cursor:default}
.article-audio button.article-audio-play{width:46px;background:#176dea;border:1px solid #5599ff;box-shadow:inset 0 1px 0 #ffffff25,0 3px 10px #0002;color:#fff}
.article-audio button.article-audio-play:hover{background:#2479f3}
.article-audio-play svg{grid-area:1/1;width:19px;height:19px}
.audio-icon-play{transform:translateX(-1px)}
.article-audio .audio-icon-pause{display:none}
.article-audio[data-audio-state="playing"] .audio-icon-play,.article-audio[data-audio-state="loading"] .audio-icon-play{display:none}
.article-audio[data-audio-state="playing"] .audio-icon-pause,.article-audio[data-audio-state="loading"] .audio-icon-pause{display:block}
.article-audio-timeline{display:flex;align-items:center;gap:12px;height:38px;font-size:10px;font-variant-numeric:tabular-nums;color:#bec8d8}
.article-audio-timeline>span{min-width:31px;white-space:nowrap}
.article-audio-timeline>span:last-child{text-align:right}
.article-audio-track{flex:1;min-width:0;height:44px;display:flex;align-items:center}
.article-audio-track input{width:100%;height:44px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;touch-action:pan-y}
.article-audio-track input::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,#82b0ff 0 var(--audio-progress),#ffffff29 var(--audio-progress) 100%)}
.article-audio-track input::-moz-range-track{height:4px;border-radius:4px;background:#ffffff29}
.article-audio-track input::-moz-range-progress{height:4px;border-radius:4px;background:#82b0ff}
.article-audio-track input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;margin-top:-4px;background:#eef5ff;border:0;box-shadow:0 0 0 5px #94bdff00}
.article-audio-track input::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#eef5ff;border:0}
.article-audio-track input:active::-webkit-slider-thumb{box-shadow:0 0 0 5px #94bdff22}
.article-audio-settings{position:relative;flex:none}
.article-audio-settings>summary{list-style:none;background:#ffffff08;border:1px solid #ffffff19;width:44px}
.article-audio-settings>summary::-webkit-details-marker{display:none}
.article-audio-settings[open]>summary,.article-audio-settings>summary:hover{background:#ffffff16}
.article-audio-preferences{position:absolute;bottom:calc(100% + 20px);right:-4px;width:268px;max-width:calc(100vw - 44px);max-height:calc(100dvh - 250px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;border:1px solid #ffffff2b;border-radius:10px;background:#171b24;padding:14px 16px 8px;box-shadow:inset 0 1px 0 #ffffff18,0 16px 38px #0005}
.article-audio .article-audio-preferences-title{margin:0 0 5px;font-size:11px;font-weight:600;color:#aebbd0}
.article-audio-follow,.article-audio-speed{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;font-size:13px;color:#e2e8f2;cursor:pointer}
.article-audio-follow input{appearance:none;-webkit-appearance:none;width:34px;height:20px;border-radius:20px;background:#606b7b;position:relative;margin:0;flex:none;transition:background 140ms;cursor:pointer}
.article-audio-follow input:before{content:'';position:absolute;width:16px;height:16px;top:2px;left:2px;border-radius:50%;background:#fff;transition:transform 140ms}
.article-audio-follow input:checked{background:#337dec}
.article-audio-follow input:checked:before{transform:translateX(14px)}
.article-audio-speed select{box-sizing:border-box;width:76px;height:44px;border:1px solid #ffffff1a;border-radius:7px;background:#10151c;color:#dce7f6;padding:0 5px;font-family:inherit;font-size:16px;cursor:pointer;color-scheme:dark}
.article-audio button.article-audio-return{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:8px;padding:0;border-top:1px solid #ffffff18;border-radius:0;font-size:12px;color:#bbd4ff;text-align:left}
.article-audio .article-audio-disclosure{font-size:10px;line-height:1.5;color:#b3bdcd;margin:0}
.article-audio .article-audio-status{font-size:12px;line-height:1.5;color:#e0eaff;margin:5px 0 0}
.article-audio-status:empty{display:none}
.article-audio :is(button,input,select,summary):focus-visible{outline:2px solid #a4c8ff;outline-offset:3px}
.audio-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[id^="narration-"]{scroll-margin-top:110px;scroll-margin-bottom:150px}
@media(max-width:600px){.article-audio{padding:8px 13px}.article-audio-main{gap:8px}.article-audio .article-audio-title{font-size:14px}.article-audio-controls{gap:0}.article-audio button.article-audio-play{width:44px}.article-audio-timeline{gap:9px}.article-audio-current{font-size:9px}.article-audio .article-audio-disclosure{font-size:9px}.article-audio-preferences{right:-1px}}
@media(max-width:390px){.audio-title-full{display:none}.audio-title-short{display:inline}.article-audio-main{gap:5px}}
@media(prefers-reduced-motion:reduce){.article-audio *,.article-audio *:before,.narration-active{transition:none!important;scroll-behavior:auto!important}}
@media print{.article-audio{display:none!important}body:has(.article-audio){padding-bottom:0}.narration-active{background:none;box-shadow:none}.narration-active:before{display:none}}

/* One row: touch targets for playback and seeking occupy separate columns. */
.article-audio{width:min(680px,calc(100% - 20px));padding:6px 10px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate}
.article-audio:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(130deg,#ffffff13,transparent 35%,#ffffff04 75%,#ffffff0b),#15171c}
/* This explicitly requested glass layer also applies in the desktop preview,
   where Windows reports reduced transparency. Other site surfaces are untouched. */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.article-audio:before{background:linear-gradient(130deg,#ffffff14,transparent 35%,#ffffff04 75%,#ffffff0b),#0c10198c;backdrop-filter:blur(28px) saturate(170%) brightness(1.08);-webkit-backdrop-filter:blur(28px) saturate(170%) brightness(1.08)}}
.article-audio-main{gap:12px}
.article-audio-main>.article-audio-play{flex:none;width:44px;height:44px}
.article-audio-reading{flex:1;min-width:0;height:52px;display:flex;flex-direction:column}
.article-audio-headline{display:flex;align-items:center;justify-content:space-between;gap:9px;height:16px;flex:none}
.article-audio .article-audio-title{font-size:12px;line-height:16px;overflow:hidden;text-overflow:ellipsis}
.article-audio-times{flex:none;font-size:10px;line-height:16px;color:#c4cede;font-variant-numeric:tabular-nums;white-space:nowrap}
.article-audio-reading .article-audio-track{height:36px;flex:none;width:100%}
.audio-title-ended{display:none}
.article-audio[data-audio-state="ended"] :is(.audio-title-full,.audio-title-short){display:none}
.article-audio[data-audio-state="ended"] .audio-title-ended{display:inline}
.article-audio-passage-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:2px -5px 5px}
.article-audio-passage-nav .article-audio-current{margin:0;font-size:11px}
.article-audio .article-audio-preferences{bottom:calc(100% + 16px);max-height:calc(100dvh - 170px)}
.article-audio .article-audio-disclosure{margin:7px 0 5px;font-size:10px;line-height:1.6}
.article-audio .article-audio-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;display:block}
.article-audio[data-audio-state="error"] .article-audio-status{position:static;width:auto;height:auto;margin:8px 0 0;overflow:visible;clip:auto;white-space:normal;font-size:12px}
body:has(.article-audio:not([hidden])){padding-bottom:calc(94px + env(safe-area-inset-bottom))}
html:has(.article-audio:not([hidden])){scroll-padding-bottom:calc(100px + env(safe-area-inset-bottom))}
[id^="narration-"]{scroll-margin-bottom:100px}
@media(max-width:600px){.article-audio-main{gap:10px}.article-audio{padding:6px 10px}}

/* Reading focus: no padding, font-size or line-height change when a passage starts. */
[id^="narration-"]{position:relative;isolation:isolate;transition:color 200ms ease}
[id^="narration-"]:before{content:'';position:absolute;inset:-8px -12px;z-index:-1;border:1px solid #8bb8fc29;border-radius:8px;background:linear-gradient(110deg,#347eea26,#2a599c0b);box-shadow:0 4px 18px #0000000a;opacity:0;pointer-events:none;transition:opacity 200ms ease}
[id^="narration-"]:after{content:'';position:absolute;left:-19px;top:0;bottom:0;width:3px;border-radius:3px;background:linear-gradient(to bottom,#a8caff 0 var(--narration-progress,0%),#5584c85c var(--narration-progress,0%) 100%);opacity:0;pointer-events:none;transition:opacity 200ms ease}
.editorial-content .narration-active,.editorial-summary .narration-active,.editorial-callout.narration-active p{color:#f4f8ff}
.narration-active:before,.narration-active:after{opacity:1}
.narration-active.narration-paused:before{opacity:.7}
.narration-active.narration-paused:after{opacity:.65}
.editorial-content .narration-active.narration-paused,.editorial-summary .narration-active.narration-paused,.editorial-callout.narration-paused p{color:#e0eafa}
/* Include the native marker gutter. Keep the text and its wrapping stationary;
   only the decorative focus layer expands to the list's outer reading edge. */
.editorial-list{--narration-list-indent:24px}
.editorial-list .narration-active::marker{color:#b4d2ff}
.editorial-list>li[id^="narration-"]:before{inset:-4px -12px -4px calc(-1 * var(--narration-list-indent) - 12px)}
.editorial-list>li[id^="narration-"]:after{left:calc(-1 * var(--narration-list-indent) - 19px)}
.editorial-callout[id^="narration-"]:before{inset:0;border:0;border-radius:inherit}
.editorial-callout[id^="narration-"]:after,#narration-summary:after{display:none}
@media(max-width:600px){[id^="narration-"]:before{inset:-7px -8px;border-radius:7px}[id^="narration-"]:after{left:-13px;width:2px}.editorial-list{--narration-list-indent:20px}.editorial-list>li[id^="narration-"]:before{inset:-4px -8px -4px calc(-1 * var(--narration-list-indent) - 8px)}.editorial-list>li[id^="narration-"]:after{left:calc(-1 * var(--narration-list-indent) - 13px)}}
@media(prefers-reduced-motion:reduce){[id^="narration-"],[id^="narration-"]:before,[id^="narration-"]:after{transition:none}}
@media(forced-colors:active){.narration-active:before{background:none;border:1px solid Highlight}.narration-active:after{background:Highlight}}
@media print{[id^="narration-"]:before,[id^="narration-"]:after{display:none}}