/* book.css — «Книжный режим» audioburo.ru: read any page like a book, listen, bookmarks. */
.bk-launch{position:fixed;right:14px;bottom:92px;z-index:60;display:flex;align-items:center;justify-content:center;gap:8px;padding:0;width:52px;height:52px;transition:transform .25s,opacity .25s;border:0;border-radius:999px;background:#2c9831;color:#fff;font:700 15px/1 "Manrope","Inter",-apple-system,"Segoe UI",Roboto,sans-serif;box-shadow:0 6px 20px rgba(8,87,30,.28);cursor:pointer}
.bk-launch:hover{background:#08571e}
.bk-launch svg{width:24px;height:24px}.bk-launch span{display:none}.bk-launch.bk-away{transform:translateY(160%);opacity:0;pointer-events:none}
.bk-resume{position:fixed;left:50%;bottom:150px;transform:translateX(-50%);z-index:61;max-width:calc(100vw - 32px);display:flex;gap:10px;align-items:center;padding:10px 12px 10px 16px;border-radius:14px;background:#fff;color:#1a1a1a;box-shadow:0 10px 30px rgba(0,0,0,.18);font:500 15px/1.35 "Manrope",-apple-system,"Segoe UI",Roboto,sans-serif}
.bk-resume button{border:0;border-radius:999px;padding:9px 14px;font:700 14px/1 inherit;cursor:pointer;background:#2c9831;color:#fff;white-space:nowrap}
.bk-resume button.bk-x{background:transparent;color:#6b6b6b;padding:6px}
@media (min-width:900px){.bk-launch{bottom:28px}}

html.bk-open,html.bk-open body{overflow:hidden!important}
.bk{--bk-bg:#fbfaf6;--bk-ink:#1d1d1b;--bk-ink2:#76736b;--bk-line:#e7e3d8;--bk-acc:#2c9831;--bk-accd:#08571e;--bk-hl:rgba(97,201,62,.22);--bk-fs:20px;--bk-lh:1.62;--bk-font:"Source Serif 4","Lora",Georgia,"Times New Roman",serif;
  position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;background:var(--bk-bg);color:var(--bk-ink);font-family:"Manrope","Inter",-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;touch-action:pan-y}
.bk[data-theme=sepia]{--bk-bg:#f3e9d4;--bk-ink:#3b2f1e;--bk-ink2:#86714f;--bk-line:#e0d2b4;--bk-hl:rgba(44,152,49,.18)}
.bk[data-theme=dark]{--bk-bg:#121412;--bk-ink:#e6e6e1;--bk-ink2:#8f948d;--bk-line:#272b27;--bk-acc:#61c93e;--bk-accd:#61c93e;--bk-hl:rgba(97,201,62,.2)}
.bk[data-font=sans]{--bk-font:"Manrope","Inter",-apple-system,"Segoe UI",Roboto,sans-serif}

.bk-top,.bk-bottom{position:absolute;left:0;right:0;z-index:4;display:flex;align-items:center;gap:6px;padding:8px 10px;transition:opacity .2s,transform .2s;background:var(--bk-bg);box-shadow:0 0 18px rgba(0,0,0,.08)}
.bk-top{top:0;border-bottom:1px solid var(--bk-line);padding-top:calc(8px + env(safe-area-inset-top))}
.bk-bottom{bottom:0;border-top:1px solid var(--bk-line);flex-direction:column;align-items:stretch;padding-bottom:calc(8px + env(safe-area-inset-bottom))}
.bk.bk-calm .bk-top{opacity:0;transform:translateY(-100%);pointer-events:none}.bk.bk-calm .bk-bottom{opacity:0;transform:translateY(100%);pointer-events:none}
.bk-mini{position:absolute;left:0;right:0;bottom:calc(6px + env(safe-area-inset-bottom));z-index:3;text-align:center;font-size:12px;color:var(--bk-ink2);pointer-events:none;transition:opacity .2s}
.bk:not(.bk-calm) .bk-mini{opacity:0}
.bk-title{flex:1;min-width:0;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--bk-ink2)}
.bk-b{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;height:40px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--bk-ink);font:700 14px/1 inherit;cursor:pointer}
.bk-b:hover{background:var(--bk-line)}
.bk-b[aria-pressed=true]{background:var(--bk-acc);color:#fff}
.bk-b svg{width:22px;height:22px}
.bk-row{display:flex;align-items:center;gap:10px}
.bk-prog{flex:1;height:4px;border-radius:2px;background:var(--bk-line);overflow:hidden}
.bk-prog i{display:block;height:100%;width:0;background:var(--bk-acc);transition:width .2s}
.bk-pg{font-size:13px;color:var(--bk-ink2);white-space:nowrap;min-width:92px;text-align:right}

.bk-view{position:absolute;inset:0;overflow:hidden}
.bk-pages{position:absolute;top:calc(18px + env(safe-area-inset-top));left:0;height:auto;column-fill:auto;transition:transform .32s cubic-bezier(.2,.7,.2,1);will-change:transform}
.bk-pages.bk-noanim{transition:none}
.bk-pages>*{max-width:100%}
.bk-text{font-family:var(--bk-font);font-size:var(--bk-fs);line-height:var(--bk-lh);hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.bk-text h1{font-size:1.5em;line-height:1.2;margin:0 0 .7em;break-after:avoid}
.bk-text h2{font-size:1.18em;line-height:1.3;margin:1.3em 0 .5em;break-after:avoid;font-family:"Manrope",-apple-system,"Segoe UI",sans-serif;font-weight:800}
.bk-text h3{font-size:1.05em;margin:1.1em 0 .4em;break-after:avoid}
.bk-text p{margin:0 0 .85em}
.bk-text p.bk-lead{font-weight:700;text-align:left}
.bk-text ul,.bk-text ol{margin:0 0 .9em;padding-left:1.2em}
.bk-text li{margin:0 0 .35em}
.bk-text blockquote{margin:0 0 .9em;padding-left:.9em;border-left:3px solid var(--bk-acc);font-style:italic}
.bk-text img{display:block;max-width:100%;max-height:52vh;height:auto;margin:.4em auto .9em;border-radius:8px;break-inside:avoid;object-fit:contain}
.bk-text figure{margin:0;break-inside:avoid}
.bk-text figcaption{font-size:.75em;color:var(--bk-ink2);margin:-.5em 0 .9em}
.bk-text table{border-collapse:collapse;font-size:.85em;margin:0 0 .9em}
.bk-text td,.bk-text th{border:1px solid var(--bk-line);padding:.3em .5em}
.bk-text a{color:var(--bk-accd)}
.bk-text pre{white-space:pre-wrap;font-size:.8em}
.bk-meta{font-family:"Manrope",sans-serif;font-size:.7em;color:var(--bk-ink2);margin:0 0 1.2em}
.bk-end{font-family:"Manrope",sans-serif;font-size:.85em;text-align:center;padding-top:1em;break-inside:avoid}
.bk-end a{display:inline-block;margin:.4em;padding:.7em 1.1em;border-radius:999px;background:var(--bk-acc);color:#fff!important;text-decoration:none;font-weight:700}
.bk-reading{background:var(--bk-hl);border-radius:4px;box-shadow:0 0 0 4px var(--bk-hl)}
.bk-marked{box-shadow:inset 3px 0 0 var(--bk-acc)}

.bk-zone{position:absolute;top:0;bottom:0;width:30%;z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bk-zone.l{left:0}.bk-zone.r{right:0}
.bk-flag{position:absolute;top:0;right:14px;z-index:3;width:22px;height:34px;background:var(--bk-acc);clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%);display:none}
.bk-flag.on{display:block}

.bk-panel{position:absolute;left:8px;right:8px;bottom:calc(100% + 8px);max-width:520px;margin:0 auto;padding:14px;border-radius:16px;background:var(--bk-bg);border:1px solid var(--bk-line);box-shadow:0 12px 40px rgba(0,0,0,.18);display:none;max-height:60vh;overflow:auto}
.bk-panel.on{display:block}
.bk-panel h4{margin:4px 0 10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--bk-ink2)}
.bk-seg{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.bk-seg .bk-b{border:1px solid var(--bk-line)}
.bk-bm{list-style:none;margin:0;padding:0}
.bk-bm li{display:flex;gap:8px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--bk-line);font-size:14px;line-height:1.4}
.bk-bm li a,.bk-bm li button.bk-go{flex:1;text-align:left;border:0;background:none;color:var(--bk-ink);font:inherit;cursor:pointer;padding:0;text-decoration:none}
.bk-bm small{display:block;color:var(--bk-ink2);font-size:12px;margin-top:2px}
.bk-empty{font-size:14px;color:var(--bk-ink2)}
.bk-toast{position:absolute;left:50%;top:40%;max-width:86%;text-align:center;transform:translateX(-50%);z-index:5;padding:10px 16px;border-radius:999px;background:var(--bk-ink);color:var(--bk-bg);font-size:14px;font-weight:700;opacity:0;transition:opacity .2s;pointer-events:none}
.bk-toast.on{opacity:1}

/* /zakladki/ page */
.bk-lib{max-width:680px;margin:0 auto;padding:0 16px 40px;font-family:"Manrope",-apple-system,"Segoe UI",Roboto,sans-serif}
.bk-lib h1{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:34px;margin:28px 0 8px}
.bk-lib h2{font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#6b6b6b;margin:30px 0 8px}
.bk-lib .bk-bm li a{color:#1a1a1a;font-weight:700}
.bk-lib .bk-bar{height:4px;border-radius:2px;background:#e4e4e0;margin-top:6px;overflow:hidden}
.bk-lib .bk-bar i{display:block;height:100%;background:#2c9831}
.bk-lib .bk-del{border:0;background:none;color:#9a9a9a;cursor:pointer;font-size:18px;padding:0 4px}
/* isolate from the host page's own styles (old pages use bootstrap/theme css) */
.bk .bk-text *{font-family:inherit!important;color:inherit;letter-spacing:normal!important;text-transform:none!important;text-shadow:none!important;float:none!important;position:static!important;width:auto;min-width:0!important;background:none;box-sizing:border-box}
.bk .bk-text h1,.bk .bk-text h2,.bk .bk-text h3,.bk .bk-text h4,.bk .bk-text p,.bk .bk-text li,.bk .bk-text blockquote{text-align:left!important;font-style:normal}
.bk .bk-text p{text-align:left!important}
.bk .bk-text h1{font-weight:700!important;font-size:1.5em!important;line-height:1.2!important}
.bk .bk-text h2{font-family:"Manrope",-apple-system,"Segoe UI",sans-serif!important;font-weight:800!important;font-size:1.18em!important;line-height:1.3!important}
.bk .bk-text h3,.bk .bk-text h4{font-weight:700!important;font-size:1.05em!important;line-height:1.35!important}
.bk .bk-text p,.bk .bk-text li{font-size:1em!important;line-height:var(--bk-lh)!important}
.bk .bk-text blockquote{font-style:italic}
.bk .bk-text .bk-meta,.bk .bk-text .bk-end{font-family:"Manrope",-apple-system,sans-serif!important}
.bk .bk-text img{width:auto!important;max-width:100%!important}

/* inline actions at the top of an article */
.bk-inline{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.bk-inline button{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;border:1.5px solid #2c9831;background:#fff;color:#08571e;font:700 15px/1 "Manrope",-apple-system,"Segoe UI",Roboto,sans-serif;cursor:pointer}
.bk-inline button:first-child{background:#2c9831;color:#fff}
.bk-inline svg{width:18px;height:18px}
.bk-launch.bk-near{transform:scale(.6);opacity:0;pointer-events:none}

/* offer after the article (old informational pages) */
.ab-endcta{display:flex;flex-direction:column;gap:10px;margin:28px auto;max-width:760px;padding:22px 22px 20px;border-radius:16px;background:#eef7ee;border:1px solid #cfe6cf;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#1d2a1d;box-sizing:border-box}
.ab-endcta b{font-size:19px;line-height:1.3}
.ab-endcta__btn{display:inline-flex;align-self:flex-start;align-items:center;min-height:46px;padding:0 20px;border-radius:999px;background:#2e9a2e;color:#fff!important;font-weight:700;text-decoration:none!important}
.ab-endcta__link{color:#2e7a2e;font-size:15px}
@media (max-width:600px){.ab-endcta{margin:22px 12px}.ab-endcta__btn{align-self:stretch;justify-content:center}}
/* old «news-random» related links: 3 narrow columns on phones → one readable list */
@media (max-width:700px){.news-random .masonry > .col-xs-4{width:100%!important;float:none!important}.news-random .masonry li{margin:0 0 10px;line-height:1.35}}
