/* INBOOK_VERTICAL_READER_20261024 */
html:root[data-ib-reader="vertical"] {
    --ivr-canvas:#edf0f4; --ivr-paper:var(--dp-panel-bg,#fff);
    --ivr-ink:#17191d; --ivr-muted:#687281; --ivr-line:#e9ecf1; --ivr-soft:#f1f3f5;
    scroll-behavior:auto !important;
}
html:root[data-ib-reader="vertical"].rdr-book-on {
    --ivr-paper:#fffcf6; --ivr-canvas:#eeeae2; --ivr-line:#e9e3d8; --ivr-soft:#f1ece2;
}
html:root.dark[data-ib-reader="vertical"] {
    --ivr-canvas:#090b0e; --ivr-paper:#111316;
    --ivr-ink:#eceef1; --ivr-muted:#a6aeb9; --ivr-line:#2a2d32; --ivr-soft:#24272c;
}
html:root.dark[data-ib-reader="vertical"].rdr-book-on {
    --ivr-paper:#161819; --ivr-canvas:#090b0d; --ivr-line:#2c2e2f; --ivr-soft:#26292a;
}
html:root[data-ib-reader="vertical"] body .rdr-shell:has(> #rdrRoot) {
    --stories-text:var(--ivr-ink); --stories-muted:var(--ivr-muted);
    --stories-soft:var(--ivr-muted); --stories-surface:var(--ivr-paper);
    --stories-bg:var(--ivr-canvas); --stories-line:var(--ivr-line); --stories-line-soft:var(--ivr-line);
    position:relative !important; box-sizing:border-box !important;
    min-height:0 !important; padding:14px 0 24px !important;
    border:0 !important; background:transparent !important;
    color:var(--ivr-ink) !important; box-shadow:none !important;
    backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
html:root[data-ib-reader="vertical"] #rdrRoot.rdr {
    --rdr-font:var(--ib-reader-font,18px);
    --rdr-lead:var(--ib-reader-lead,1.78);
    --rdr-measure:var(--ib-reader-measure,720px);
    display:flex !important; flex-direction:column !important; align-items:stretch !important;
    gap:12px !important; box-sizing:border-box !important;
    width:100% !important; min-width:0 !important;
    max-width:var(--rdr-measure) !important; margin:0 auto !important; padding:0 !important;
}
html:root[data-ib-reader="vertical"] .rdr-shell:has(> #rdrRoot):focus { outline:none; }
html:root[data-ib-reader="vertical"] #rdrRoot > * { flex-shrink:0; }
html:root[data-ib-reader="vertical"] #rdrRoot > .rdr-scroll > :is(.rdr-panel,.rdr-nav) {
    box-sizing:border-box !important; width:100% !important;
    margin:0 !important; border:0 !important; border-radius:18px !important;
    background:var(--ivr-paper) !important; color:var(--ivr-ink) !important;
    box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
html:root[data-ib-reader="vertical"] #rdrRoot > .rdr-scroll > .rdr-panel { padding:22px 24px !important; }
html:root[data-ib-reader="vertical"] #rdrRoot > .rdr-scroll > .rdr-read { border-radius:20px !important; }
html:root.rdr-book-on[data-ib-reader="vertical"] #rdrRoot > .rdr-scroll > .rdr-read {
    padding:32px 40px !important; box-shadow:0 1px 4px rgba(0,0,0,.04) !important;
}
html:root[data-ib-reader="vertical"] #rdrRoot > .rdr-scroll > .rdr-read > :is(.rdr-head,.rdr-body,.rdr-actions) {
    box-sizing:border-box !important; width:100% !important; max-width:none !important;
    margin-left:0 !important; margin-right:0 !important;
}
html:root[data-ib-reader="vertical"] #rdrRoot .rdr-body {
    font-size:var(--rdr-font) !important; line-height:var(--rdr-lead) !important;
    font-family:Georgia,"Iowan Old Style","Palatino Linotype","Times New Roman",serif !important;
    color:var(--ivr-ink) !important; overflow-wrap:break-word;
    column-count:auto !important; column-width:auto !important;
    height:auto !important; transform:none !important; transition:none !important; will-change:auto !important;
}
html:root[data-ib-reader="vertical"][data-ib-reader-face="sans"] #rdrRoot .rdr-body {
    font-family:inherit !important;
}
html:root[data-ib-reader="vertical"] #rdrRoot .rdr-body img {
    max-width:100% !important; height:auto !important; max-height:none !important; object-fit:contain !important;
}
html:root[data-ib-reader="vertical"] #rdrRoot > .rdr-tools {
    position:relative !important; top:auto !important; z-index:auto !important;
    display:flex !important; flex-wrap:wrap !important; align-items:center !important;
    justify-content:space-between !important; gap:6px 8px !important;
    box-sizing:border-box !important; width:100% !important; max-width:100% !important;
    padding:6px 8px !important; margin:0 !important; overflow:visible !important;
    border:0 !important; border-radius:18px !important;
    background:var(--ivr-paper) !important; color:var(--ivr-ink) !important;
    box-shadow:0 1px 3px rgba(0,0,0,.035) !important;
}
html:root[data-ib-reader="vertical"] #rdrRoot > .rdr-tools > * { margin:0 !important; }
html:root[data-ib-reader="vertical"] #rdrRoot .rdr-tool {
    display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:2px !important; min-width:0;
}
html:root[data-ib-reader="vertical"] #rdrRoot .rdr-tbtn {
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    min-height:36px !important; padding:6px 9px !important; gap:5px !important;
    border:0 !important; border-radius:999px !important;
    background:transparent !important; color:var(--ivr-muted) !important;
    font-size:13px !important; font-weight:600 !important; line-height:1 !important; white-space:nowrap;
}
html:root[data-ib-reader="vertical"] #rdrRoot .rdr-tbtn-t { display:inline !important; }
html:root[data-ib-reader="vertical"] #rdrRoot .rdr-tbtn svg { width:15px; height:15px; flex:0 0 15px; }
html:root[data-ib-reader="vertical"] #rdrRoot .rdr-tbtn:hover:not(:disabled) {
    background:var(--ivr-soft) !important; color:var(--ivr-ink) !important;
}
html:root[data-ib-reader="vertical"] #rdrRoot .rdr-tbtn[aria-pressed="true"] {
    background:var(--ivr-ink) !important; color:var(--ivr-paper) !important;
}
html:root[data-ib-reader="vertical"] #rdrRoot .rdr-tbtn:disabled { opacity:.4; cursor:default; }
html:root[data-ib-reader="vertical"] #rdrRoot > .rdr-scroll > .rdr-nav {
    --cn-bg:var(--ivr-paper) !important; --cn-text:var(--ivr-ink) !important;
    --cn-muted:var(--ivr-muted) !important; --cn-hover:var(--ivr-soft) !important;
}
html:root[data-ib-reader="vertical"] #rdrRoot > .rdr-scroll > .rdr-toc summary { color:var(--ivr-ink) !important; font-size:14px; }
html:root[data-ib-reader="vertical"] #rdrRoot > .rdr-scroll > .rdr-toc :is(summary span,li em) { color:var(--ivr-muted) !important; }
html:root[data-ib-reader="vertical"] #rdrRoot > .rdr-scroll > .rdr-toc li a { color:var(--ivr-ink) !important; }
html:root[data-ib-reader="vertical"] #rdrRoot > .rdr-scroll > .rdr-toc li:is(:hover,.is-current) a { background:var(--ivr-soft) !important; }
html:root.rdr-focus-on[data-ib-reader="vertical"] { overflow:hidden !important; }
html:root.rdr-focus-on[data-ib-reader="vertical"] body {
    position:fixed !important; top:var(--ib-reader-lock-top,0px) !important;
    left:0 !important; right:0 !important; width:100% !important; overflow:hidden !important;
}
html:root.rdr-focus-on[data-ib-reader="vertical"] body .rdr-shell:has(> #rdrRoot) {
    position:fixed !important; inset:0 !important; z-index:80 !important;
    width:100% !important; min-height:0 !important;
    padding:calc(10px + env(safe-area-inset-top,0px)) 20px calc(28px + env(safe-area-inset-bottom,0px)) !important;
    overflow:hidden !important;
    background:var(--ivr-canvas) !important;
    overscroll-behavior-y:contain; scroll-behavior:auto !important;
    scrollbar-gutter:stable; touch-action:pan-y pinch-zoom;
}
html:root.rdr-focus-on[data-ib-reader="vertical"] #rdrRoot > .rdr-tools { top:0 !important; }
html:root.rdr-focus-on[data-ib-reader="vertical"] #rdrProgress { z-index:82 !important; }
@media (max-width:767px) {
    html:root[data-ib-reader="vertical"] body .rdr-shell:has(> #rdrRoot) { padding:0 0 16px !important; }
    html:root[data-ib-reader="vertical"]:not(.rdr-focus-on) body:has(> .mobile-header) #rdrRoot > .rdr-tools {
        top:var(--ib-shell-header-h,calc(var(--m-header-h,48px) + env(safe-area-inset-top,0px))) !important;
    }
    html:root.chrome-hidden[data-ib-reader="vertical"]:not(.rdr-focus-on) #rdrRoot > .rdr-tools { top:0 !important; }
    html:root[data-ib-reader="vertical"] #rdrRoot > .rdr-scroll > .rdr-panel { padding:20px 16px !important; }
    html:root.rdr-book-on[data-ib-reader="vertical"] #rdrRoot > .rdr-scroll > .rdr-read { padding:24px 20px !important; }
    html:root.rdr-focus-on[data-ib-reader="vertical"] body .rdr-shell:has(> #rdrRoot) {
        padding:calc(8px + env(safe-area-inset-top,0px)) 10px calc(24px + env(safe-area-inset-bottom,0px)) !important;
    }
}
@media (max-width:600px) {
    html:root[data-ib-reader="vertical"] #rdrRoot .rdr-mode-tools,
    html:root[data-ib-reader="vertical"] #rdrRoot .rdr-reading-tools { flex:1 0 100%; justify-content:space-between; }
    html:root[data-ib-reader="vertical"] #rdrRoot .rdr-tbtn { padding:6px 8px !important; }
}

/* STORY_HEADER_READER_SCROLL_20261024 */
html:root[data-ib-reader="vertical"] #rdrRoot > .rdr-tools {
    position:relative !important; top:auto !important;
    flex:0 0 auto !important; transform:none !important;
}
html:root[data-ib-reader="vertical"] #rdrRoot > .rdr-scroll {
    display:flex !important; flex-direction:column !important;
    align-items:stretch !important; gap:12px !important;
    box-sizing:border-box !important; width:100% !important;
    min-width:0 !important; overflow:visible;
}
html:root[data-ib-reader="vertical"] #rdrRoot > .rdr-scroll > * {
    flex-shrink:0 !important;
}
html:root.rdr-focus-on[data-ib-reader="vertical"] body .rdr-shell:has(> #rdrRoot) {
    height:100% !important; height:100dvh !important;
    overflow:hidden !important;
}
html:root.rdr-focus-on[data-ib-reader="vertical"] #rdrRoot.rdr {
    height:100% !important; min-height:0 !important; overflow:hidden !important;
}
html:root.rdr-focus-on[data-ib-reader="vertical"] #rdrRoot > .rdr-scroll {
    flex:1 1 0 !important; min-height:0 !important;
    overflow-x:hidden !important; overflow-y:auto !important;
    overscroll-behavior-y:contain; touch-action:pan-y pinch-zoom;
    scrollbar-gutter:stable; scroll-behavior:auto !important;
    overflow-anchor:none;
}
html:root.rdr-focus-on[data-ib-reader="vertical"] #rdrRoot > .rdr-scroll:focus {
    outline:none;
}