.ers-reading-player{box-sizing:border-box;width:100%;margin:1.25rem 0;padding:1rem 1.05rem .95rem;border:1px solid rgba(0,0,0,.14);border-radius:12px;background:transparent;color:inherit;box-shadow:0 3px 14px rgba(0,0,0,.035)}
.ers-reading-context-post{max-width:40rem}
.ers-reading-heading{display:flex;flex-direction:column;gap:.12rem;margin-bottom:.75rem}.ers-reading-heading strong{font-size:1rem;line-height:1.35}.ers-reading-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;opacity:.66}.ers-audio{display:block;width:100%;margin:.15rem 0}.ers-reading-player[data-ers-ready="1"] .ers-audio{display:none}.ers-public-controls[hidden]{display:none!important}.ers-public-controls{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;gap:.65rem;align-items:center}.ers-main-play{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(0,0,0,.18);border-radius:999px;background:#f6f7f7;color:inherit;cursor:pointer;font:inherit;font-size:1rem;line-height:1}.ers-main-play:hover{background:#eceeef}.ers-main-play:focus-visible,.ers-playback-rate:focus-visible,.ers-main-progress:focus-visible,.ers-volume-range:focus-visible{outline:2px solid currentColor;outline-offset:2px}.ers-main-timeline{display:grid;grid-template-columns:auto minmax(90px,1fr) auto;gap:.5rem;align-items:center;min-width:0;font-size:.78rem;font-variant-numeric:tabular-nums}.ers-main-progress{width:100%;min-width:90px;margin:0;accent-color:currentColor;cursor:pointer}.ers-main-progress:disabled{opacity:.45;cursor:default}.ers-main-current,.ers-main-duration{white-space:nowrap;opacity:.78}.ers-main-speed{display:flex;align-items:center}.ers-playback-rate{height:36px;min-width:62px;padding:0 .35rem;border:1px solid rgba(0,0,0,.22);border-radius:7px;background:transparent;color:inherit;font:inherit;font-size:.8rem}.ers-main-volume{display:flex;align-items:center;gap:.35rem;min-width:104px}.ers-volume-label{font-size:.7rem;opacity:.62}.ers-volume-range{width:72px;margin:0;accent-color:currentColor;cursor:pointer}.ers-transcript{margin-top:.8rem}.ers-transcript summary{cursor:pointer;font-weight:600}.ers-transcript-text,.ers-vtt-render{margin-top:.55rem;line-height:1.6}.ers-vtt-cue{cursor:pointer;border-radius:3px}.ers-vtt-cue.is-current{background:rgba(255,220,90,.48);box-shadow:0 0 0 2px rgba(255,220,90,.25)}
.ers-listen-archive{max-width:1120px;margin:0 auto;padding:3rem 1rem 5rem}.ers-listen-header{text-align:center;max-width:720px;margin:0 auto 2rem}.ers-listen-header h1{font-size:clamp(2rem,5vw,4rem);margin-bottom:.5rem}.ers-listen-search{display:flex;gap:.5rem;max-width:680px;margin:0 auto 2rem}.ers-listen-search label{flex:1}.ers-listen-search input{width:100%;padding:.75rem}.ers-listen-search button{padding:.75rem 1rem}.ers-listen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:1.25rem}.ers-listen-card{border:1px solid rgba(0,0,0,.12);border-radius:16px;padding:1.1rem;background:#fff}.ers-listen-card h2{font-size:1.15rem;margin:0}.ers-listen-card header p{margin:.2rem 0 .5rem;opacity:.72}.ers-listen-card .ers-reading-player{max-width:none;border:0;box-shadow:none;padding:.5rem 0 0;margin:.5rem 0 0;background:transparent}.ers-listen-card .ers-main-volume{display:none}.ers-pagination{display:flex;justify-content:center;gap:.4rem;margin:2rem 0}.ers-pagination a,.ers-pagination span{padding:.45rem .7rem;border:1px solid rgba(0,0,0,.16);border-radius:6px}.ers-feed-link{text-align:center;margin-top:2rem}.ers-author-collection{display:grid;gap:1rem}
.ers-private-body{margin:0;background:#f5f3ee;color:#202020;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ers-private-shell{max-width:920px;margin:0 auto;padding:2rem 1rem 5rem}.ers-private-header{text-align:center;padding:1rem 0 2rem}.ers-private-header h1{font-family:Georgia,serif;font-size:clamp(2rem,6vw,3.8rem);font-weight:500;margin:.2rem 0}.ers-private-brand{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;opacity:.68}.ers-private-header>p:last-child{opacity:.7}.ers-notice,.ers-interest-card,.ers-source-work,.ers-recorder-card,.ers-current-recording{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:18px;padding:clamp(1rem,3vw,2rem);margin:1rem 0;box-shadow:0 8px 35px rgba(0,0,0,.04)}.ers-notice{border-inline-start:5px solid #315d4d}.ers-choice-row,.ers-recorder-controls,.ers-preview-actions{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}.ers-private-body button,.ers-private-body input,.ers-private-body textarea,.ers-private-body select{font:inherit}.ers-private-body button{border:1px solid #777;border-radius:8px;padding:.62rem .9rem;background:#fff;cursor:pointer}.ers-private-body button.ers-primary{background:#234e42;color:#fff;border-color:#234e42}.ers-private-body a.ers-button-link{display:inline-block;border:1px solid #234e42;border-radius:8px;padding:.62rem .9rem;background:#234e42;color:#fff;text-decoration:none}.ers-private-body button:disabled{opacity:.45;cursor:not-allowed}.ers-source-content{font-family:Georgia,serif;font-size:1.08rem;line-height:1.6}.ers-source-content img{max-width:100%;height:auto}.ers-recorder-help{max-width:720px}.ers-recorder-status{min-height:1.5em;font-weight:600}.ers-recorder-status.is-error{color:#a00}.ers-meter{height:10px;border-radius:99px;background:#e8e8e8;overflow:hidden;margin:.75rem 0}.ers-meter span{display:block;width:0;height:100%;background:#315d4d;transition:width .08s linear}.ers-timer{font-variant-numeric:tabular-nums;font-weight:700}.ers-preview{margin:1.2rem 0}.ers-preview audio{width:100%}.ers-upload-alternative{padding:1rem 0;border-top:1px solid #eee;margin-top:1rem}.ers-upload-alternative input{display:block;margin-top:.5rem;max-width:100%}.ers-upload-progress{display:flex;gap:.7rem;align-items:center;margin:1rem 0}.ers-upload-progress progress{flex:1}.ers-submission-fields{display:grid;gap:1rem;margin-top:1rem}.ers-submission-fields label>span:first-child{display:block;font-weight:600;margin-bottom:.35rem}.ers-submission-fields textarea{box-sizing:border-box;width:100%;padding:.7rem;border:1px solid #aaa;border-radius:8px}.ers-check{display:flex!important;gap:.6rem;align-items:flex-start}.ers-check>span{display:inline!important;font-weight:400!important}.ers-rights{background:#f7f6f2;padding:1rem;border-radius:10px}.ers-submit-success{font-weight:700;color:#234e42}.ers-submission-confirmation,.ers-recorder-card.is-submitted{display:grid;grid-template-columns:auto 1fr;gap:1rem 1.1rem;align-items:start;background:#f4fbf6;border:2px solid #287a4b;border-radius:18px;padding:clamp(1.2rem,4vw,2.2rem);margin:1rem 0;box-shadow:0 10px 35px rgba(28,108,64,.12);color:#173522}.ers-success-mark{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:999px;background:#287a4b;color:#fff;font-size:1.7rem;font-weight:800;line-height:1}.ers-success-copy h2{margin:.05rem 0 .55rem;font-size:clamp(1.45rem,4vw,2rem)}.ers-success-copy p{margin:.45rem 0;line-height:1.55}.ers-success-close{margin-top:.85rem!important}.ers-submitted-preview{grid-column:1/-1;margin-top:.35rem}.ers-submitted-preview h3{margin:.25rem 0}.ers-submission-confirmation .ers-reading-player{background:#fff;margin:.5rem 0 0}.ers-private-body input[type=file]{color:inherit}.ers-private-body input[type=file]::file-selector-button{font:inherit;border:1px solid #777;border-radius:7px;padding:.5rem .7rem;margin-inline-end:.65rem;background:#fff;color:#202020;cursor:pointer}
.ers-private-footer{text-align:center;padding:2rem 0;opacity:.62;font-size:.85rem}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (prefers-color-scheme:dark){.ers-private-body{background:#1e1f1d;color:#efefeb}.ers-private-body .ers-notice,.ers-private-body .ers-interest-card,.ers-private-body .ers-source-work,.ers-private-body .ers-recorder-card,.ers-private-body .ers-current-recording{background:#292b28;border-color:#555}.ers-private-body .ers-rights{background:#222}.ers-private-body button{background:#333;color:#fff;border-color:#777}.ers-private-body input[type=file]::file-selector-button{background:#3a3c38;color:#fff;border-color:#888}.ers-private-body .ers-reading-player{background:#30322f;border-color:#555;color:#f4f4f0}.ers-private-body .ers-meter{background:#444}.ers-private-body .ers-submission-confirmation,.ers-private-body .ers-recorder-card.is-submitted{background:#173b2a;border-color:#55b77a;color:#f3fff6}.ers-private-body .ers-success-mark{background:#55b77a;color:#10271a}.ers-private-body .ers-submission-confirmation .ers-reading-player{background:#242824;color:#f4f4f0}}
@media (max-width:600px){.ers-private-shell{padding:.75rem .75rem 4rem}.ers-choice-row form{width:100%}.ers-choice-row button{width:100%}.ers-recorder-controls button{flex:1 1 42%}.ers-listen-search{flex-direction:column}.ers-reading-player{max-width:none;padding:.85rem}.ers-public-controls{grid-template-columns:44px minmax(0,1fr) auto;gap:.5rem}.ers-main-volume{display:none}.ers-main-timeline{gap:.38rem}.ers-main-speed{justify-self:end}.ers-submission-confirmation,.ers-recorder-card.is-submitted{grid-template-columns:1fr}.ers-success-mark{width:2.5rem;height:2.5rem}.ers-submitted-preview{grid-column:1}}

/* Follow-along controller: one synchronized control surface for the existing audio element. */
.ers-followalong[hidden]{display:none!important}
.ers-followalong{position:fixed;z-index:99990;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translateX(-50%);box-sizing:border-box;display:grid;grid-template-columns:auto minmax(120px,1fr) minmax(150px,2fr) auto auto;gap:.65rem;align-items:center;width:min(760px,calc(100vw - 24px));min-height:60px;padding:.55rem .7rem;border:1px solid rgba(0,0,0,.18);border-radius:14px;background:rgba(255,255,255,.98);color:#1d2327;box-shadow:0 10px 35px rgba(0,0,0,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ers-followalong button,.ers-followalong select,.ers-followalong input{font:inherit}
.ers-followalong-play,.ers-followalong-close{display:grid;place-items:center;min-width:44px;height:44px;border:1px solid rgba(0,0,0,.18);border-radius:999px;background:#f6f7f7;color:#1d2327;cursor:pointer}
.ers-followalong-play{font-size:1rem}.ers-followalong-close{font-size:1.15rem}
.ers-followalong-copy{min-width:0}.ers-followalong-kicker{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;opacity:.65}.ers-followalong-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}
.ers-followalong-progress-wrap{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;gap:.45rem;align-items:center;font-size:.76rem;font-variant-numeric:tabular-nums}
.ers-followalong-progress{width:100%;min-width:80px;accent-color:currentColor;cursor:pointer}
.ers-followalong-rate{height:36px;padding:0 .3rem;border:1px solid rgba(0,0,0,.2);border-radius:7px;background:#fff;color:#1d2327}
html.ers-followalong-visible body{padding-bottom:calc(86px + env(safe-area-inset-bottom))}
@media(max-width:680px){
  .ers-followalong{grid-template-columns:auto minmax(0,1fr) auto;gap:.5rem;bottom:calc(8px + env(safe-area-inset-bottom));width:calc(100vw - 16px);padding:.5rem .55rem;border-radius:12px}
  .ers-followalong-copy{grid-column:2}
  .ers-followalong-progress-wrap{grid-column:1/-1;grid-row:2}
  .ers-followalong-rate{grid-column:2;grid-row:3;justify-self:start;height:34px}
  .ers-followalong-close{grid-column:3;grid-row:1}
  .ers-followalong-play{grid-column:1;grid-row:1}
  html.ers-followalong-visible body{padding-bottom:calc(132px + env(safe-area-inset-bottom))}
}


/* Beta.17: contributor audio quality assistance and browser-side cleanup. */
.ers-sound-check{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem 1rem;align-items:start;margin:1rem 0;padding:1rem;border:1px solid #d9d6cd;border-radius:12px;background:#faf9f6}
.ers-sound-check-copy strong{font-size:.98rem}.ers-sound-check-copy p{margin:.3rem 0 0;line-height:1.5;color:#555}
.ers-sound-check-result{grid-column:1/-1;padding:.75rem .85rem;border-radius:9px;background:#fff;border:1px solid #e1dfd8}.ers-sound-check-result p{margin:.25rem 0 .55rem}.ers-sound-check-result audio{width:100%;max-width:520px}
.ers-quality-panel{margin:.8rem 0 1rem;padding:.9rem 1rem;border:1px solid #d9d6cd;border-radius:12px;background:#faf9f6}.ers-quality-panel[data-grade="good"]{border-inline-start:4px solid #287a4b}.ers-quality-panel[data-grade="quiet"],.ers-quality-panel[data-grade="silence"]{border-inline-start:4px solid #c18400}.ers-quality-panel[data-grade="loud"],.ers-quality-panel[data-grade="short"]{border-inline-start:4px solid #b32d2e}
.ers-quality-result p{margin:.3rem 0 .75rem;line-height:1.5}.ers-quality-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.ers-quality-actions>span{font-weight:600;margin-inline-end:.2rem}.ers-quality-note{margin:.75rem 0 0;font-size:.85rem;line-height:1.45;color:#62615c}
@media (prefers-color-scheme:dark){.ers-private-body .ers-sound-check,.ers-private-body .ers-quality-panel{background:#242622;border-color:#50534c}.ers-private-body .ers-sound-check-copy p,.ers-private-body .ers-quality-note{color:#c9cbc5}.ers-private-body .ers-sound-check-result{background:#2c2e2a;border-color:#50534c}}
@media(max-width:600px){.ers-sound-check{grid-template-columns:1fr}.ers-sound-check>button{width:100%}.ers-sound-check-result{grid-column:1}.ers-quality-actions{display:grid;grid-template-columns:1fr 1fr}.ers-quality-actions>span{grid-column:1/-1}.ers-quality-actions button{width:100%}}
.ers-future-invitation-choice{margin-top:1rem;padding-top:.8rem;border-top:1px solid rgba(0,0,0,.1);font-size:.92rem;opacity:.82}.ers-interest-card-compact{padding-top:1rem;padding-bottom:1rem}


/* 1.0 RC: compact title-adjacent reading control.
 * The circular trigger is moved beside the title while the expandable full
 * controls stay in the normal content flow above the work. */
.ers-title-reading{
    box-sizing:border-box;
    display:block;
    width:100%;
    max-width:40rem;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.ers-title-reading:not([data-ers-ready="1"])>.ers-audio{display:block;width:100%;margin:.75rem 0 1rem}
.ers-title-expanded[hidden]{display:none!important}
.ers-title-expanded{
    box-sizing:border-box;
    width:100%;
    margin:.8rem 0 1.2rem;
    padding:.8rem .9rem;
    border:1px solid rgba(0,0,0,.14);
    border-radius:10px;
    background:transparent;
    box-shadow:0 3px 14px rgba(0,0,0,.035);
}
.ers-title-expanded .ers-transcript{margin-bottom:.1rem}
.ers-title-play[hidden]{display:none!important}
.ers-title-play{
    display:inline-grid;
    place-items:center;
    width:1.55em;
    height:1.55em;
    min-width:30px;
    min-height:30px;
    padding:0;
    border:2px solid currentColor;
    border-radius:999px;
    background:transparent;
    color:inherit;
    cursor:pointer;
    font:inherit;
    font-size:.72em;
    line-height:1;
    vertical-align:.08em;
}
.ers-title-play.is-relocated{margin-inline-start:.42em}
.ers-title-play span{display:block;transform:translateX(.06em)}
.ers-title-play.is-expanded{background:rgba(0,0,0,.06)}
.ers-title-play:hover{background:rgba(0,0,0,.09)}
.ers-title-play:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:600px){
  .ers-title-play.is-relocated{margin-inline-start:.3em}
  .ers-title-play{min-width:28px;min-height:28px}
  .ers-title-expanded{padding:.7rem .75rem}
}

/* RC.5: theme-neutral archive/front-page reading indicator.
 * tagDiv Newspaper gets an explicit stable host (.td-module-thumb); generic
 * themes use conservative featured-image containers or an inline title fallback.
 * No image link/hover target is repositioned or wrapped. */
.ers-reading-badge-host { isolation: isolate; }
.ers-reading-card-badge {
    box-sizing: border-box;
    position: absolute;
    z-index: 8;
    inset-inline-end: 10px;
    bottom: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    max-width: calc(100% - 20px);
    padding: 5px 8px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 3px;
    background: rgba(17,17,17,.84);
    color: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    font: 600 11px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    letter-spacing: .035em;
    text-transform: uppercase;
    pointer-events: none;
    white-space: nowrap;
}
.ers-reading-card-badge svg { flex: 0 0 auto; fill: currentColor; }
.ers-reading-card-badge--icon-only {
    width: 30px;
    height: 30px;
    padding: 5px;
    border-radius: 50%;
}
.ers-reading-card-badge-inline {
    position: static;
    margin-inline-start: .55em;
    vertical-align: .16em;
    font-size: 9px;
}
.ers-reading-card-badge-inline.ers-reading-card-badge--icon-only {
    width: 24px;
    height: 24px;
    padding: 4px;
    vertical-align: -.25em;
}
/* Newspaper-specific guard: keep the badge in the stable outer thumbnail box. */
.td_module_wrap .td-module-thumb.ers-reading-badge-host > .ers-reading-card-badge {
    inset-inline-end: 10px;
    bottom: 10px;
}
@media (max-width: 480px) {
    .ers-reading-card-badge { inset-inline-end: 7px; bottom: 7px; padding: 4px 6px; font-size: 9px; }
    .ers-reading-card-badge svg { width: 15px; height: 12px; }
    .ers-reading-card-badge--icon-only { width: 26px; height: 26px; padding: 4px; }
    .ers-reading-card-badge-inline.ers-reading-card-badge--icon-only { width: 22px; height: 22px; }
}
