html,body.blog-body{overflow-x:clip}.narration{--narration-accent:#9acb91;--narration-progress:0%;position:relative;z-index:30;min-height:77px;margin:1.8rem 0 2.4rem;padding:1rem 0;border-top:1px solid var(--color-border,#333);color:var(--color-text,#f5f5f0);font:12px/1.5 departure mono,monospace}.narration[data-state=active]{position:sticky;top:var(--narration-top,5rem);padding-bottom:.3rem;background:var(--color-bg,#0a0a0a)}.narration audio{width:100%}.narration-controls[hidden]{display:none}.narration-row{display:flex;align-items:center;gap:.65rem;min-height:44px}.narration button,.narration summary,.narration select{-webkit-tap-highlight-color:transparent;color:inherit;font:inherit;cursor:pointer}.narration button{border:0;background:0 0}.narration svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.narration svg text{fill:currentColor;stroke:none;font:10px departure mono,monospace}.narration-play{display:inline-flex;align-items:center;gap:.9rem;padding:0;text-align:left;white-space:nowrap}.narration-play-disc{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:#202220;transition:background-color 160ms ease,color 160ms ease}.narration-play:hover .narration-play-disc{background:#2e3a2b;color:#c4e4ba}.narration-play-disc svg{grid-area:1/1}.narration-play .narration-icon-pause,.narration-play .narration-icon-cancel{display:none}.narration-play[data-mode=pause] .narration-icon-play,.narration-play[data-mode=cancel] .narration-icon-play{display:none}.narration-play[data-mode=pause] .narration-icon-pause,.narration-play[data-mode=cancel] .narration-icon-cancel{display:block}.narration-duration{margin-left:.25rem;padding-left:1rem;border-left:1px solid #333;color:#92968f;font-variant-numeric:tabular-nums}.narration-elapsed{min-width:3.5em;font-variant-numeric:tabular-nums}.narration-divider{height:22px;width:1px;background:#333;margin:0 .25rem}.narration-icon-button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border-radius:50%;list-style:none}.narration-icon-button::-webkit-details-marker{display:none}.narration-icon-button:hover{color:var(--narration-accent)}.narration-speed{appearance:none;-webkit-appearance:none;width:60px;height:34px;min-height:44px;padding:0 6px;text-align:center;text-align-last:center;border:1px solid #575b54;border-radius:22px;background:0 0}.narration-speed:hover{border-color:#9acb91}.narration-speed option{background:#151715}.narration-options{position:relative;margin-left:auto}.narration-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:2;width:190px;padding:6px;background:#141613;border:1px solid #353a32;border-radius:8px;box-shadow:0 10px 25px #0006}.narration-menu button{width:100%;min-height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;text-align:left;border-radius:4px}.narration-menu button:hover{background:#ffffff08}.narration-menu svg{width:15px;height:15px;color:var(--narration-accent)}.narration-menu [aria-pressed=false] svg{visibility:hidden}.narration button:disabled{opacity:.35;cursor:default}.narration :focus-visible{outline:2px solid #9acb91;outline-offset:4px}.narration-seek{appearance:none;-webkit-appearance:none;display:block;width:100%;height:20px;margin:8px 0 0;padding:0;cursor:pointer;background:0 0}.narration-seek::-webkit-slider-runnable-track{height:1px;background:linear-gradient(to right,#9acb91 var(--narration-progress),#30342f var(--narration-progress))}.narration-seek::-moz-range-track{height:1px;background:#30342f}.narration-seek::-moz-range-progress{height:1px;background:#9acb91}.narration-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:8px;width:8px;margin-top:-3.5px;border-radius:50%;background:#9acb91;opacity:0}.narration-seek::-moz-range-thumb{height:8px;width:8px;border:0;border-radius:50%;background:#9acb91;opacity:0}.narration-seek:hover::-webkit-slider-thumb,.narration-seek:focus-visible::-webkit-slider-thumb{opacity:1}.narration-seek:hover::-moz-range-thumb,.narration-seek:focus-visible::-moz-range-thumb{opacity:1}.narration[data-state=idle] .narration-secondary,.narration[data-state=idle] .narration-elapsed,.narration[data-state=idle] .narration-divider,.narration[data-state=idle] .narration-seek{display:none}.narration[data-state=active] .narration-listen-label,.narration[data-state=active] .narration-duration{display:none}.narration-status:empty{display:none}.narration-status{display:block;color:#b8bcb3;font-size:11px;padding-top:.5rem}[data-narration-word]{border-radius:2px;transition:background-color 110ms ease,color 110ms ease;box-decoration-break:clone;-webkit-box-decoration-break:clone}[data-narration-word].narration-current{background:#9acb9124;color:#cae8bd;box-shadow:0 1px #9acb91aa}@media(max-width:600px){.narration{margin:1.5rem 0 2rem;font-size:11px}.narration-row{gap:4px}.narration-play{gap:12px}.narration-duration{margin-left:10px;padding-left:12px}.narration-speed{width:54px}.narration-divider{margin:0 3px}}@media(max-width:360px){.narration-row{gap:2px}.narration-divider{display:none}.narration-elapsed{min-width:3.2em}.narration-speed{width:50px}}@media(prefers-reduced-motion:reduce){[data-narration-word],.narration-play-disc{transition:none}}@keyframes narration-reveal{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.narration[data-state=active] :is(.narration-secondary,.narration-elapsed,.narration-seek){animation:narration-reveal 160ms ease both}@media(prefers-reduced-motion:reduce){.narration[data-state=active] :is(.narration-secondary,.narration-elapsed,.narration-seek){animation:none}}[data-narration-component]{display:flow-root;margin-block:clamp(1rem,2vw,1.5rem);border-radius:0}[data-narration-component]>*{margin-block:0;transition:background-color 160ms ease,box-shadow 160ms ease}[data-narration-component].narration-current{color:inherit;background:0 0;box-shadow:none;outline:none}[data-narration-component].narration-current>*{background-color:#9acb9110;box-shadow:inset 0 1px #9acb9170,inset 0 -1px #9acb9170}@media(prefers-reduced-motion:reduce){[data-narration-component],[data-narration-component]>*{transition:none}}@media(max-width:480px){.narration[data-state=active]{top:env(safe-area-inset-top,0px)}}