/* Article audio player: one MP3 per chapter, no paragraph controls. */
.blog-article-2026 .article-audio-player{--aap-text:#1a1c1a;--aap-sub:#676b64;--aap-lilac:#756bd7;position:fixed;bottom:0;left:0;right:0;z-index:1950;color:var(--aap-text);font-family:"Inter","PingFang TC","Noto Sans TC",sans-serif;pointer-events:none}
.blog-article-2026 .article-audio-player *{box-sizing:border-box}
.blog-article-2026 .aap-bar{pointer-events:auto;background:rgba(255,253,250,.97);border-top:1px solid rgba(51,47,68,.12);box-shadow:0 -12px 40px rgba(27,24,38,.10);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:12px max(18px,calc((100vw - 1200px)/2)) calc(9px + env(safe-area-inset-bottom,0px))}
.blog-article-2026 .aap-topline{display:grid;grid-template-columns:minmax(220px,1.2fr) auto minmax(260px,.85fr);gap:22px;align-items:center}
.blog-article-2026 .aap-now{min-width:0}
.blog-article-2026 .aap-eyebrow{display:block;color:#77727e;font-size:11px;font-weight:750;letter-spacing:.04em;line-height:1.4;margin-bottom:3px}
.blog-article-2026 .aap-chapter-title{display:block;color:#25242b;font-size:14px;line-height:1.4;font-weight:800;letter-spacing:-.018em;overflow-wrap:anywhere}
.blog-article-2026 .aap-transport{display:flex;align-items:center;justify-content:center;gap:4px}
.blog-article-2026 .article-audio-player button{font:inherit;cursor:pointer}
.blog-article-2026 .aap-icon-button{border:0;background:transparent;color:#5f6065;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;padding:8px}
.blog-article-2026 .aap-icon-button:hover{background:#f0eef8}
.blog-article-2026 .aap-icon-button svg{width:20px;height:20px}
.blog-article-2026 .aap-play{border:0;color:#fff;background:#25242b;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;box-shadow:0 6px 18px rgba(30,28,40,.16);padding:0}
.blog-article-2026 .aap-play:hover{background:#4a426e}
.blog-article-2026 .aap-play svg{width:22px;height:22px}
.blog-article-2026 .aap-pause-svg,.blog-article-2026 .aap-is-playing .aap-play-svg{display:none}
.blog-article-2026 .aap-is-playing .aap-pause-svg{display:block}
.blog-article-2026 .aap-icon-button:disabled{opacity:.25;cursor:not-allowed}
.blog-article-2026 .aap-jump{display:flex;gap:8px;align-items:center;min-width:0}
.blog-article-2026 .aap-select-wrap{position:relative;display:block;min-width:0;flex:1}
.blog-article-2026 .aap-select-wrap:after{content:"";pointer-events:none;position:absolute;right:13px;top:50%;width:7px;height:7px;border-right:1.5px solid #777;border-bottom:1.5px solid #777;transform:translateY(-65%) rotate(45deg)}
.blog-article-2026 .aap-jump select{color:#35343a;appearance:none;-webkit-appearance:none;display:block;width:100%;min-width:0;padding:10px 30px 10px 12px;border:1px solid #e0dedf;border-radius:10px;background:#f7f6f4;font-size:12px;line-height:1.35;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}
.blog-article-2026 .aap-progress-row{display:flex;align-items:center;gap:9px;margin-top:8px;min-height:18px}
.blog-article-2026 .aap-elapsed,.blog-article-2026 .aap-duration{color:#8a867f;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}
.blog-article-2026 .aap-seek{min-width:90px;flex:1;appearance:none;background:linear-gradient(to right,#756bd7 0%,#e2dfeb 0%);height:4px;border-radius:999px;outline-offset:6px;cursor:pointer}
.blog-article-2026 .aap-seek::-webkit-slider-thumb{appearance:none;height:12px;width:12px;border-radius:50%;background:#756bd7;border:2px solid #fff;box-shadow:0 1px 4px #0003}
.blog-article-2026 .aap-seek::-moz-range-thumb{height:9px;width:9px;border-radius:50%;background:#756bd7;border:2px solid #fff}
.blog-article-2026 .aap-status{flex:0 1 290px;color:#918a91;font-size:10px;line-height:1.25;text-align:right;overflow-wrap:anywhere}
.blog-article-2026 .aap-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}
/* One speaker beside each chapter title. */
.blog-article-2026 .article-audio-player :is(button,select,input):focus-visible,
.blog-article-2026 .aap-chapter-speaker:focus-visible{outline:2px solid #756bd7;outline-offset:3px}
.blog-article-2026 .aap-chapter-speaker{
  display:inline-grid;place-items:center;vertical-align:middle;flex:0 0 auto;
  margin-left:11px;width:36px;height:36px;padding:8px;
  border:1px solid rgba(117,107,215,.17);border-radius:50%;
  color:#756bd7;background:#eeebfc;cursor:pointer;
  transition:background .18s,color .18s,box-shadow .18s;
}
.blog-article-2026 .aap-chapter-speaker svg{width:18px;height:18px}
.blog-article-2026 .aap-chapter-speaker:hover,
.blog-article-2026 .aap-chapter-speaker[aria-pressed="true"]{
  background:#756bd7;color:#fff;box-shadow:0 3px 12px rgba(117,107,215,.19);
}
.blog-article-2026 .aap-intro-listen{
  display:flex;align-items:center;gap:10px;margin:0 0 15px;
  color:#817c8a;font-size:13px;font-weight:750;letter-spacing:.035em;
}
.blog-article-2026 .aap-intro-listen .aap-chapter-speaker{margin-left:0;width:31px;height:31px;padding:7px}
.blog-article-2026.has-article-audio .site-footer{padding-bottom:calc(28px + var(--article-audio-height,120px))}
@media(max-width:760px){
 .blog-article-2026 .aap-bar{padding:10px 17px calc(10px + env(safe-area-inset-bottom,0px))}
 .blog-article-2026 .aap-topline{grid-template-columns:minmax(0,1fr) auto;gap:7px 9px}
 .blog-article-2026 .aap-now{grid-column:1;grid-row:1}
 .blog-article-2026 .aap-transport{grid-column:2;grid-row:1;gap:0}
 .blog-article-2026 .aap-chapter-title{font-size:12px;line-height:1.4}
 .blog-article-2026 .aap-eyebrow{font-size:10px}
 .blog-article-2026 .aap-icon-button{width:30px;height:32px;padding:5px}
 .blog-article-2026 .aap-icon-button svg{width:17px;height:17px}
 .blog-article-2026 .aap-play{width:38px;height:38px}
 .blog-article-2026 .aap-jump{grid-column:1/-1;grid-row:2}
 .blog-article-2026 .aap-progress-row{margin-top:7px;gap:7px}
 .blog-article-2026 .aap-progress-row{flex-wrap:wrap}
 .blog-article-2026 .aap-status{display:block;flex:0 0 100%;font-size:10px;text-align:left;line-height:1.2;margin-top:0px}
 .blog-article-2026 .aap-chapter-speaker{margin-left:8px;width:31px;height:31px;padding:6px}
 .blog-article-2026 .aap-chapter-speaker svg{width:16px;height:16px}
 .blog-article-2026.has-article-audio .site-footer{padding-bottom:calc(26px + var(--article-audio-height,160px))}
}
@media(prefers-reduced-motion:reduce){.blog-article-2026 .aap-chapter-speaker{transition:none}}