/* Actual content widths select overflow; no viewport breakpoint selects … . */
.article-tools[data-responsive-tools-v1="true"] {
  display:flex !important;
  flex-direction:row;
  flex-wrap:nowrap !important;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  position:relative;
}
.article-tools[data-responsive-tools-v1="true"] .listen-tools {
  display:flex !important;
  flex:0 0 auto;
  flex-wrap:nowrap !important;
  align-items:center;
  width:max-content;
  max-width:none;
  gap:8px;
}
.article-tools[data-responsive-tools-v1="true"] .share-anchor {
  display:flex !important;
  flex:0 0 auto;
  align-items:center;
  gap:16px;
  width:max-content;
  margin-inline-start:auto;
}
.article-tools[data-responsive-tools-v1="true"] .reader-size-disclosure { display:contents; }
.article-tools[data-responsive-tools-v1="true"] :is(#reader-size-toggle,#article-share)[hidden],
.article-tools-more-v1[hidden],.article-tools-popover-v1 [hidden] { display:none !important; }
.article-tools[data-tools-overflow-v1="true"] .share-anchor { display:none !important; width:0; margin:0; }
.article-tools[data-tools-overflow-v1="true"] .share-anchor:has(.copy-toast:not([hidden])) { display:contents !important; }
.article-tools[data-tools-overflow-v1="true"] .share-anchor > .reader-size-disclosure { display:none; }
.article-tools[data-tools-overflow-v1="true"] .article-tools-more-v1 { margin-inline-start:auto; }
.article-tools[data-responsive-tools-v1="true"] #reader-size-toggle { margin:0; }
.article-tools[data-responsive-tools-v1="true"] .mobile-playback-panel {
  position:absolute !important;
  inset:calc(100% - 12px) auto auto 0;
  width:min(320px,100%) !important;
  max-width:100%;
  z-index:10;
  box-shadow:0 8px 24px #24252818 !important;
}
.article-tools[data-responsive-tools-v1="true"] .summary-audio-caption {
  position:absolute;
  inset-inline-start:0;
  top:100%;
}
.article-tools[data-responsive-tools-v1="true"] .article-tools-more-v1 {
  position:relative;
  isolation:isolate;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 44px;
  width:44px;
  min-width:44px;
  height:44px;
  min-height:44px;
  padding:0;
  border:0;
  border-radius:24px;
  background:#efefec;
  color:#3e4045;
}
.tools-popover-heading-v1 button::before {
  content:'';
  position:absolute;
  inset:6px;
  z-index:-1;
  border-radius:50%;
  background:transparent;
  pointer-events:none;
}
.article-tools-more-v1:focus-visible,.article-tools-popover-v1 button:focus-visible { outline:2px solid var(--ink); outline-offset:2px; }
.article-tools-popover-v1 {
  position:fixed;
  inset:auto;
  z-index:40;
  box-sizing:border-box;
  width:248px;
  margin:0;
  padding:8px;
  overflow:auto;
  overscroll-behavior:contain;
  border:1px solid var(--line,#d9dbd5);
  border-radius:16px;
  background:var(--paper,#fafaf8);
  color:var(--ink,#242528);
  box-shadow:0 10px 30px #24252820;
  font:400 14px/1.5 Outfit,Pretendard,sans-serif;
}
.article-tools-popover-v1[hidden] { display:none !important; }
.tools-popover-heading-v1 { display:flex; align-items:center; gap:0; min-height:44px; }
.tools-popover-heading-v1 p { flex:1; margin:0; padding-inline:8px; font:500 14px/1.5 var(--font); }
.tools-popover-heading-v1 button {
  position:relative; isolation:isolate; display:inline-flex; align-items:center; justify-content:center;
  flex:0 0 44px; width:44px; height:44px; min-width:44px; min-height:44px;
  padding:0; border:0; border-radius:50%; background:transparent; color:inherit; cursor:pointer;
}
.tools-popover-menu-v1 { display:grid; gap:4px; }
.tools-popover-menu-v1 button {
  display:flex; align-items:center; gap:12px; width:100%; min-height:48px;
  padding:8px 12px; border:0; border-radius:10px; background:transparent; color:inherit;
  font:400 14px/1.5 var(--font); text-align:start; cursor:pointer;
}
.tools-popover-menu-v1 button > :last-child:not(span) { margin-inline-start:auto; }
.tools-popover-glyph-v1 { flex:0 0 20px; width:20px; font:400 17px/1 Outfit,Pretendard,sans-serif; }
.article-tools-popover-v1 .responsive-size-content-v1 { display:block !important; padding:8px 8px 12px; margin:0; width:auto; }
.article-tools-popover-v1 .responsive-size-content-v1[hidden] { display:none !important; }
.article-tools-popover-v1 .reader-size-popover-content-v9 { display:contents; }
.article-tools-popover-v1 :is(.reader-size-popover-dismiss-v9,.mobile-panel-title) { display:none !important; }
.article-tools-popover-v1 .reader-size-inline { display:flex; flex-wrap:nowrap; width:100%; max-width:100%; height:48px; margin:0; padding:0; }
.article-tools-popover-v1 .reader-size-inline button { flex:1 1 0; width:auto; min-width:44px; height:48px; min-height:48px; }
.article-tools-popover-v1 .reader-size-inline [data-reader-reset] { flex:0 0 66px; min-width:66px; padding-inline:8px; }

.article-tools[data-responsive-tools-v1="true"] .tools-width-probe-v1 {
  position:absolute; inset:auto auto -10000px 0; visibility:hidden; pointer-events:none;
  display:flex; align-items:center; width:max-content; max-width:none; gap:16px;
  contain:layout style; margin:0; padding:0;
}
.tools-probe-size-v1 { display:contents; }
.tools-probe-size-v1 .tools-probe-aa-v1 { display:none; }
.tools-width-probe-v1 .reader-size-inline { margin:0; }
.tools-width-probe-v1 .reader-size-inline > span { display:flex; align-items:center; justify-content:center; width:48px; min-height:48px; padding:0 8px; box-sizing:border-box; font:400 13px/1.5 Outfit,Pretendard,sans-serif; }
.tools-width-probe-v1 .reader-size-inline > [data-probe-reset] { width:54px; }
.article-tools[data-responsive-tools-v1="true"] .tools-share-control-v1 { display:inline-flex; align-items:center; justify-content:center; width:max-content; min-width:max-content; min-height:48px; padding:10px 20px; gap:8px; font:400 14px/1.5 var(--font); }
.tools-share-control-v1 img { width:20px; height:20px; }

/* Keep every primary tool on the line at the smallest supported width. The
   observer activates this density only after … alone cannot recover space. */
.article-tools[data-tools-density-v1="tight"] { gap:4px !important; }
.article-tools[data-tools-density-v1="tight"] .listen-tools { gap:4px; }
.article-tools[data-tools-density-v1="tight"] :is(#listen-toggle,#summary-read-toggle,#listen-stop) {
  width:44px !important; min-width:44px !important; max-width:44px !important;
  min-height:44px; padding:0 !important; gap:0 !important;
}
.article-tools[data-tools-density-v1="tight"] :is(.listen-label,.summary-read-label) { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.article-tools[data-tools-density-v1="tight"] .listen-time-slot { flex:0 0 44px; min-width:44px; width:44px; }
.article-tools[data-tools-density-v1="tight"] #listen-time { min-width:44px; font-size:12px; }
.article-tools[data-tools-density-v1="tight"] #listen-details-toggle { width:44px !important; min-width:44px !important; max-width:44px !important; padding:0 !important; gap:1px !important; font-size:12px; }
.article-tools[data-tools-density-v1="tight"] #listen-details-toggle > .ui-icon { width:8px; height:8px; }
.article-tools[data-tools-density-v1="tight"] .listen-tools > .ui-select-shell {
  flex:0 0 80px !important; width:80px !important; min-width:80px !important;
}
.article-tools[data-tools-density-v1="tight"] .listen-tools > .ui-select-shell > #listen-rate {
  width:80px !important; min-width:80px !important; max-width:80px !important;
  padding-inline:8px 24px !important; font-size:14px;
}
.article-tools[data-tools-density-v1="tight"] .listen-tools > .ui-select-shell > .ui-icon { width:10px; height:10px; inset-inline-end:8px; }
.article-tools[data-tools-density-v1="tight"] #summary-read-toggle > .disclosure-chevron { flex:0 0 10px; width:10px; height:10px; }
.article-tools[data-tools-density-v1="tight"] #summary-read-toggle > .disclosure-chevron .ui-icon { width:10px; height:10px; }

@media(max-width:760px) {
  .article-tools[data-responsive-tools-v1="true"] .share-anchor { gap:8px; }
  .article-tools[data-responsive-tools-v1="true"] .tools-width-probe-v1 { gap:8px; }
  .tools-probe-size-v1 .reader-size-inline { display:none; }
  .tools-probe-size-v1 .tools-probe-aa-v1 { display:flex; align-items:center; justify-content:center; width:44px; min-width:44px; height:44px; }
  .article-tools[data-responsive-tools-v1="true"] .tools-share-control-v1 { width:44px; min-width:44px; height:44px; min-height:44px; padding:0; gap:0; }
}
@media(hover:hover) and (pointer:fine) {
  .article-tools[data-responsive-tools-v1="true"] .article-tools-more-v1:hover { background:var(--control-hover,#e7e8e2); }
  .tools-popover-heading-v1 button:hover::before { background:var(--control-hover,#e6e7e2); }
  .tools-popover-menu-v1 button:hover { background:var(--control-hover,#e6e7e2); }
}
@media print { .article-tools-more-v1,.article-tools-popover-v1,.tools-width-probe-v1 { display:none !important; } }