/* Inline overview pages share the reader's fonts, palette and touch targets.
   No dialog layer: Domov, Vodnik and O nas stay in the same work area. */
html[data-reader-skin] body.real-mode #right-panel #overview-page{min-width:0}
html[data-reader-skin] body.real-mode #right-panel .overview-home-nav>[data-overview-tab]{font-family:var(--reader-skin-font);min-height:44px}
html[data-reader-skin] body.real-mode #right-panel .overview-reading{min-width:0;padding:18px 20px 24px;color:var(--text);background:var(--panel);font-family:var(--reader-skin-font);font-size:calc(13px * var(--ui-text-scale,1));line-height:1.55;overflow-wrap:anywhere}
html[data-reader-skin] body.real-mode #right-panel .overview-reading header{margin:0 0 18px}
html[data-reader-skin] body.real-mode #right-panel .overview-reading .overview-eyebrow{font-size:calc(10px * var(--ui-text-scale,1));font-weight:600;letter-spacing:.08em;color:var(--muted)}
html[data-reader-skin] body.real-mode #right-panel .overview-reading h2{margin:5px 0 8px;font-family:inherit;font-size:calc(21px * var(--ui-text-scale,1));font-weight:650;line-height:1.2;letter-spacing:-.02em;color:var(--text)}
html[data-reader-skin] body.real-mode #right-panel .overview-reading section{padding:14px 0;border-top:1px solid var(--line)}
html[data-reader-skin] body.real-mode #right-panel .overview-reading h3{margin:0 0 6px;font-family:inherit;font-size:calc(14px * var(--ui-text-scale,1));font-weight:650;line-height:1.35;color:var(--text)}
html[data-reader-skin] body.real-mode #right-panel .overview-reading p{margin:0;color:var(--muted);font-size:inherit;line-height:inherit}
html[data-reader-skin] body.real-mode #right-panel .overview-reading p b{color:var(--text);font-weight:600}
html[data-reader-skin] body.real-mode #right-panel .overview-reading-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;min-width:0;margin-top:8px}
html[data-reader-skin] body.real-mode #right-panel :is(.overview-reading-actions,.overview-reading,.overview-radar) :is(button.small-action,a){display:inline-flex;align-items:center;min-height:44px;max-width:100%;padding:6px 0;font-family:var(--reader-skin-font);font-size:calc(12px * var(--ui-text-scale,1));line-height:1.4;white-space:normal;overflow-wrap:anywhere;color:var(--blue)}
html[data-reader-skin] body.real-mode #right-panel .overview-radar-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
html[data-reader-skin] body.real-mode #right-panel .overview-radar-counts>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:5px;min-width:0}
html[data-reader-skin] body.real-mode #right-panel .overview-radar-counts dt{font-family:var(--reader-skin-font);font-size:calc(11px * var(--ui-text-scale,1));line-height:1.4;color:var(--muted);overflow-wrap:anywhere}
html[data-reader-skin] body.real-mode #right-panel .overview-radar-counts dd{margin:0;font-family:var(--reader-skin-font);font-size:calc(23px * var(--ui-text-scale,1));font-variant-numeric:tabular-nums;line-height:1.2;font-weight:600;color:var(--text)}
html[data-reader-skin] body.real-mode #right-panel :is(.overview-home-nav,.overview-reading,.overview-radar) :is(button,a):focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
@media(max-width:760px){
 html[data-reader-skin] body.real-mode #right-panel .overview-reading{padding:14px 14px 20px;font-size:calc(12px * var(--ui-text-scale,1));line-height:1.55}
 html[data-reader-skin] body.real-mode #right-panel .overview-reading h2{font-size:calc(19px * var(--ui-text-scale,1))}
 html[data-reader-skin] body.real-mode #right-panel .overview-reading h3{font-size:calc(13px * var(--ui-text-scale,1))}
 html[data-reader-skin] body.real-mode #right-panel .overview-reading section{padding:12px 0}
 html[data-reader-skin] body.real-mode #right-panel .overview-radar-counts{gap:8px}
}