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: none}.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: transparent}.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: transparent}.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 0 #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: transparent;box-shadow: none;outline: none}[data-narration-component].narration-current > *{background-color: #9acb9110;box-shadow: inset 0 1px 0 #9acb9170, inset 0 -1px 0 #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)}}