/* Added wrappers have no desktop layout box; the original controls keep their order. */
.listen-time-slot,.reader-size-disclosure,.reader-size-panel{display:contents}
.mobile-panel-title,.mobile-playback-label{display:none}

@media(max-width:760px){
 .article-tools[data-compact-ready=true]{position:relative;top:auto;z-index:8;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;column-gap:clamp(0px,calc(25% - 64px),4px);row-gap:8px;padding:24px 0;margin-bottom:32px;backdrop-filter:none}
 .article-tools[data-compact-ready=true] .listen-tools,.article-tools[data-compact-ready=true] .share-anchor,.article-tools[data-compact-ready=true] .reader-size-disclosure{display:contents}
 .article-tools[data-compact-ready=true] #listen-toggle,.article-tools[data-compact-ready=true] #article-share{flex:0 0 auto;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;gap:0;justify-content:center}
 .article-tools[data-compact-ready=true] #listen-toggle>.ui-icon{width:20px;height:20px}
 .article-tools[data-compact-ready=true] .listen-label,.article-tools[data-compact-ready=true] .share-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
 .article-tools[data-compact-ready=true] .listen-time-slot{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:48px;min-height:44px}
 .article-tools[data-compact-ready=true] #listen-time{font:400 13px/1.5 Outfit,Pretendard,sans-serif;font-variant-numeric:tabular-nums;min-width:48px;text-align:center}
 .article-tools[data-compact-ready=true] #listen-details-toggle{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:48px;min-height:44px;height:auto;padding:0;border:0;border-radius:22px;background:transparent;font:400 13px/1.5 Outfit,Pretendard,sans-serif;font-variant-numeric:tabular-nums}
 .article-tools[data-compact-ready=true] #listen-details-toggle>.ui-icon{width:10px;height:10px}
 .article-tools[data-compact-ready=true] .listen-tools>.ui-select-shell{flex:0 0 auto;width:auto;min-width:0;min-height:44px}
 .article-tools[data-compact-ready=true] .listen-tools>.ui-select-shell>#listen-rate{width:max(76px,4.75em);min-width:76px;max-width:none;min-height:44px;height:auto;padding:8px 22px 8px 8px;font-size:16px;line-height:1.5;border-radius:22px}
 .article-tools[data-compact-ready=true] .listen-tools>.ui-select-shell>.ui-icon{width:12px;height:12px;right:7px}
 .article-tools[data-compact-ready=true] #reader-size-toggle{flex:0 0 auto;min-width:44px;min-height:44px;height:auto;padding:8px;margin-left:auto;font-size:16px;line-height:1.5;border-radius:22px;background:var(--reader-size-bg,#f3f3f1)}
 .article-tools[data-compact-ready=true]:not(:has(#reader-size-toggle)) #article-share{margin-left:auto}
 .article-tools[data-compact-ready=true] #reader-size-toggle[aria-expanded=true],.article-tools[data-compact-ready=true] #listen-details-toggle[aria-expanded=true]{background:var(--control-hover)}
 .article-tools[data-compact-ready=true] #reader-size-toggle:focus-visible,.article-tools[data-compact-ready=true] #listen-details-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
 .article-tools[data-compact-ready=true] .mobile-tool-panel{position:absolute;inset-inline-end:0;inset-block-start:calc(100% - 16px);z-index:1;display:block;width:max-content;max-width:100%;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 8px 24px #24252818}
 .article-tools[data-compact-ready=true] .mobile-panel-title{display:block;margin:0 0 8px;font:500 14px/1.5 var(--font);color:var(--ink)}
 .article-tools[data-compact-ready=true] .reader-size-panel .reader-size-inline{width:max-content;max-width:100%;height:auto;flex-wrap:wrap;margin:0}
 .article-tools[data-compact-ready=true] .reader-size-panel .reader-size-inline button{height:auto;min-height:48px}
 .article-tools[data-compact-ready=true] .reader-size-panel [data-reader-reset]{width:auto;min-width:max(54px,4.2em)}
 .article-tools[data-compact-ready=true] .mobile-playback-panel{inset-inline-start:0;inset-inline-end:auto;width:min(100%,320px)}
 .article-tools[data-compact-ready=true] .mobile-playback-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
 .article-tools[data-compact-ready=true] .mobile-playback-panel .sentence-seek{display:contents}
 .article-tools[data-compact-ready=true] .mobile-playback-panel .ui-control,.article-tools[data-compact-ready=true] .mobile-playback-panel .ui-icon-button{width:auto;min-width:44px;height:auto;min-height:44px;padding:8px;gap:4px;font-size:14px;line-height:1.5}
 .article-tools[data-compact-ready=true] .mobile-playback-label{display:inline}
 .article-tools[data-compact-ready=true] .mobile-panel-status{margin:8px 0 0;font:400 13px/1.6 var(--font);color:var(--muted);overflow-wrap:anywhere}
 .article-tools[data-compact-ready=true] .copy-toast{max-width:100%;white-space:normal;overflow-wrap:anywhere}
}
@media print{
 #reader-size-toggle,#listen-details-toggle,.mobile-tool-panel.mobile-playback-panel{display:none!important}
}