/* MC171: compact reader controls, preserving MC170 handlers and stored settings. */
/* The original first grid column was 44px; only audio remains in this row. */
html body.mc170-reading[data-page=read] .actions:not(#mc171-unused){display:flex!important;grid-template-columns:none!important;align-items:center!important;justify-content:center!important;gap:0!important;margin:8px 0 14px!important}
html body.mc170-reading[data-page=read] .actions>.plan-audio-trigger:not(#mc171-unused){display:inline-flex!important;flex:0 0 auto!important;width:auto!important;min-width:126px!important;max-width:100%!important;min-height:44px!important;height:auto!important;padding:10px 18px!important;gap:7px!important;white-space:nowrap!important;border-radius:18px!important;line-height:1.2!important;box-sizing:border-box!important}
html body.mc170-reading[data-page=read] .plan-audio-trigger:not(#mc171-unused) svg{position:static!important;flex:none!important;display:block!important;width:14px!important;height:14px!important;transform:none!important}
/* Collapsed: intrinsic-width glass pill. Expanded: one common surface. */
#mc170-reader-tools:not(:has(#mc168-settings:not([hidden]),#mc167-actions:not([hidden]))){width:max-content!important;max-width:calc(100vw - 20px)!important;background:color-mix(in srgb,var(--mc170-solid,#f4f7f3) 78%,transparent)!important;-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);box-shadow:0 4px 16px #0002,inset 0 1px 0 #ffffff25;border-radius:22px}
body.mc170-reading #mc170-reader-tools [data-mc168-dock]:not(#mc168-unused){width:max-content!important;max-width:100%!important;min-height:44px!important;margin:0 auto!important;padding:0 5px!important}
body.mc170-reading #mc170-reader-tools [data-mc168-dock] button:not(#mc171-unused){flex:0 0 auto!important;padding:4px 12px!important;min-height:44px!important}
#mc170-reader-tools #mc167-actions .mc167-list{gap:2px;padding:2px 0}
#mc170-reader-tools #mc167-actions .mc167-list button{min-height:48px!important;padding:3px 1px!important;gap:3px!important}
#mc170-reader-tools #mc167-actions .mc167-list button svg{width:20px;height:20px}
#mc170-reader-tools .mc170-status:empty{display:none}
#mc170-reader-tools .mc170-status{min-height:0;padding:3px 0;font-size:12px}
#mc170-reader-tools .mc167-colors{display:flex!important;align-items:center!important;justify-content:flex-start;gap:0;min-height:44px!important}
#mc170-reader-tools .mc167-colors>span{display:flex!important;align-items:center!important;align-self:center!important;line-height:1.2!important;margin:0 auto 0 0!important;padding:0!important;min-height:44px!important}
#mc170-reader-tools #mc167-actions [data-swatch]{display:flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;min-height:44px!important;height:44px!important;margin:0!important;padding:0!important;line-height:1!important}
#mc170-reader-tools #mc167-actions [data-swatch]::before{display:block!important;position:static!important;flex:0 0 21px!important;width:21px!important;height:21px!important;margin:0!important;transform:none!important;align-self:center!important}
/* Page headings are crisp; no glow on title glyphs. */
html body h1:not(#mc171-unused){filter:none!important;text-shadow:none!important}
/* Keep the existing header surface but remove any foreground blur layer. */
html body :is(.reader-v2__header,.reader-v2__header.is-scrolled,.reader-header,.top):not(#mc171-unused){filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;text-shadow:none!important}
html body :is(.reader-v2__header,.reader-header,.top):not(#mc171-unused)::before,
html body :is(.reader-v2__header,.reader-header,.top):not(#mc171-unused)::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}
/* If a status-bar shield is present in another page, it cannot reach its title. */
html body .b27-status-shield:not(#mc171-unused){top:0!important;bottom:auto!important;height:env(safe-area-inset-top,0px)!important;max-height:env(safe-area-inset-top,0px)!important;overflow:hidden!important;pointer-events:none!important}