.listening-media{display:none}.article-meta-with-audio{align-items:center;gap:var(--space-2) var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.article-meta-with-audio .byline{border:0;flex:auto;padding:0}.article-listening{align-items:center;gap:var(--space-3);font-family:var(--sans);flex-wrap:wrap;display:flex}.listening-inline{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:var(--space-2) var(--space-3);background:var(--secondary);color:var(--ink);border-radius:var(--radius-control);font:500 var(--text-small)/1.4 var(--sans);border:1px solid #0000;display:inline-flex}.listening-inline:hover{color:var(--brand-text);background:var(--accent)}.listening-inline:disabled{opacity:.6}.listening-disclosure{font-size:var(--text-caption);color:var(--muted-foreground)}.listening-transcript-link{min-height:var(--control-height);font:400 var(--text-caption)/1.5 var(--sans);color:var(--muted-foreground);text-underline-offset:.2em;align-items:center;text-decoration:underline;display:inline-flex}.listening-transcript-link:hover{color:var(--brand-text)}.listening-page-space{height:var(--listening-space,7rem)}html[data-listening-active]{scroll-padding-bottom:var(--listening-space,7rem)}html[data-listening-active] :is(a,button,input,select,summary,[tabindex]){scroll-margin-bottom:var(--listening-space,7rem)}.listening-dock-wrap{z-index:40;padding:0 max(var(--gutter),env(safe-area-inset-left)) max(var(--space-4),env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-right));pointer-events:none;position:fixed;inset:auto 0 0}.listening-dock{pointer-events:auto;align-items:center;gap:var(--space-2);max-width:var(--width-reading);min-height:4.5rem;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--paper);color:var(--ink);box-shadow:var(--shadow-dialog);font-family:var(--sans);margin:0 auto;display:flex;position:relative}.listening-progress{background:var(--border);height:2px;position:absolute;inset:0 0 auto;overflow:hidden}.listening-progress span{background:var(--brand-text);height:100%;display:block}.listening-dock-title{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;min-height:var(--control-height);text-align:left;padding:0 var(--space-1);font-family:var(--sans);color:var(--ink);background:0 0;border:0;flex:1;display:flex}.listening-dock-title>span{min-width:0}.listening-dock-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-small);font-weight:500;line-height:1.4;display:block;overflow:hidden}.listening-dock-time{white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-caption);font-variant-numeric:tabular-nums;color:var(--muted-foreground);margin-top:0;line-height:1.4;display:block;overflow:hidden}.listening-icon{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-control);color:var(--ink);padding:var(--space-2);background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.listening-dock-play{background:var(--secondary)}.listening-icon:hover,.listening-dock-title:hover{color:var(--brand-text)}.listening-overlay{z-index:50;background:color-mix(in srgb,var(--ink) 36%,transparent);position:fixed;inset:0}.listening-dialog{z-index:51;width:calc(100% - var(--gutter)*2);max-width:34rem;max-height:calc(100dvh - var(--space-8));overscroll-behavior:contain;padding:var(--space-5) var(--space-6) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--paper);color:var(--ink);box-shadow:var(--shadow-dialog);font-family:var(--sans);position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.listening-dialog-top{justify-content:space-between;align-items:start;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.listening-back{align-items:center;gap:var(--space-2);min-height:var(--control-height);color:var(--muted-foreground);font:400 var(--text-small)/1.4 var(--sans);background:0 0;border:0;padding:0;display:inline-flex}.listening-more{position:relative}.listening-more>summary{min-width:var(--control-height);min-height:var(--control-height);justify-content:center;align-items:center;list-style:none;display:flex}.listening-more>summary::-webkit-details-marker{display:none}.listening-detail>summary::-webkit-details-marker{display:none}.listening-more>div{z-index:1;width:15rem;max-width:calc(100vw - var(--space-8));padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--paper);box-shadow:var(--shadow-dialog);position:absolute;top:100%;right:0}.listening-more button{width:100%;min-height:var(--control-height);padding:var(--space-3);text-align:left;color:var(--ink);font-size:var(--text-small);background:0 0;border:0;display:block}.listening-more button:hover{background:var(--secondary)}.listening-clear p{font-size:var(--text-small);margin:var(--space-3)}.listening-panel-heading{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.listening-cover{object-fit:cover;border-radius:var(--radius-small);flex:none;width:4.5rem;height:4.5rem}.listening-title{font:500 1.5rem/1.25 var(--sans);letter-spacing:var(--tracking-heading);margin:0 0 var(--space-2);text-wrap:pretty}.listening-credit{font:400 var(--text-small)/1.5 var(--sans);color:var(--muted-foreground);margin:0}.listening-seek input{width:100%;min-height:var(--control-height);accent-color:var(--brand-text);cursor:pointer;margin:0;display:block}.listening-times{justify-content:space-between;gap:var(--space-4);font-size:var(--text-small);font-variant-numeric:tabular-nums;color:var(--muted-foreground);display:flex}.listening-transport{align-items:center;gap:var(--space-2);padding:var(--space-5) 0 var(--space-6);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.listening-principal{background:var(--ink);min-width:4rem;min-height:4rem;color:var(--paper);border:1px solid var(--ink);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.listening-principal:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.listening-skip{justify-content:center;align-items:center;gap:var(--space-1);min-width:0;min-height:3.25rem;color:var(--ink);font-size:var(--text-caption);background:0 0;border:0;flex-direction:column;display:inline-flex}.listening-feedback{font-size:var(--text-small);margin:0 0 var(--space-4);color:var(--muted-foreground)}.listening-speed{justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--text-small);padding-bottom:var(--space-4);flex-wrap:wrap;display:flex}.listening-speed select{min-height:var(--control-height);min-width:5.5rem;padding:var(--space-2) var(--space-3);border:1px solid var(--input);border-radius:var(--radius-control);background:var(--paper);color:var(--ink)}.listening-detail{border-top:1px solid var(--border);font-size:var(--text-small)}.listening-detail>summary{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:3.5rem;list-style:none;display:flex}.listening-detail[open]>summary>svg{transform:rotate(180deg)}.listening-sections{margin:0 0 var(--space-3);max-height:16rem;padding:0;list-style:none;overflow-y:auto}.listening-sections button{justify-content:space-between;gap:var(--space-4);text-align:left;width:100%;min-height:var(--control-height);padding:var(--space-3);color:var(--ink);font-size:var(--text-small);background:0 0;border:0;align-items:baseline;line-height:1.5;display:flex}.listening-sections button:hover{background:var(--secondary);color:var(--brand-text)}.listening-sections button>span:last-child{white-space:nowrap;color:var(--muted-foreground);font-variant-numeric:tabular-nums}.listening-transcript{white-space:pre-wrap;overflow-wrap:anywhere;font:400 var(--text-body)/1.8 var(--serif);max-height:20rem;padding:var(--space-2) var(--space-1);overflow-y:auto}.listening-text-button{min-height:var(--control-height);color:var(--brand-text);padding:var(--space-2);background:0 0;border:0;text-decoration:underline}.listening-dialog button:disabled{opacity:.45}.listening-panel-loading{bottom:var(--listening-space,7rem);left:var(--gutter);z-index:50;background:var(--paper);border:1px solid var(--border);padding:var(--space-4);position:fixed}.listening-panel-loading button{min-height:var(--control-height);margin-left:var(--space-4)}@media (width<=640px){.article-meta-with-audio{gap:var(--space-2)}.article-meta-with-audio .byline{flex-basis:100%}.listening-dock-wrap{padding:0}.listening-dock{border-inline:0;min-height:4.5rem;padding:var(--space-2) max(var(--space-3),env(safe-area-inset-right)) max(var(--space-2),env(safe-area-inset-bottom)) max(var(--space-3),env(safe-area-inset-left));gap:var(--space-1);border-bottom:0;border-radius:0}.listening-dock-name{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.listening-dock-title{gap:var(--space-2)}.listening-dialog{width:100%;max-width:none;max-height:calc(100dvh - max(var(--space-4),env(safe-area-inset-top)));padding:var(--space-4) max(var(--space-5),env(safe-area-inset-right)) max(var(--space-5),env(safe-area-inset-bottom)) max(var(--space-5),env(safe-area-inset-left));border:0;border-top:1px solid var(--border);border-radius:var(--radius-control) var(--radius-control) 0 0;inset:auto 0 0;transform:none}.listening-title{font-size:1.375rem}.listening-panel-heading{margin-bottom:var(--space-5);align-items:flex-start}.listening-cover{width:3.5rem;height:3.5rem}.listening-transport{padding-bottom:var(--space-5)}}@media (forced-colors:active){.listening-progress span{background:highlight}.listening-dock,.listening-dialog{border:1px solid canvastext}.listening-principal{border:1px solid buttontext}}@media print{.article-listening,.listening-dock-wrap,.listening-page-space,.listening-dialog,.listening-overlay{display:none}}