*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;line-height:1.6;font-family:Helvetica,Arial,sans-serif;font-weight:400;color:#404040;background:#fff}
strong{font-weight:700}
a{color:#1473e6;background:transparent;text-decoration:none}a:hover{color:#ff6a00;text-decoration:underline}a:focus{outline:orange dotted}

/* IMBF: dark header + navigation language */
.site-header{position:relative;z-index:1;min-height:50px;padding:0;background:#111}
.container{max-width:1280px;margin:auto;padding:0 25px}
.wrapper{min-height:50px}
.logo{display:block;float:left;width:130px;height:50px;margin-left:4px;text-decoration:none}
.logo img{display:block;width:130px;height:50px}
.rub{float:left;padding:6px 0 0 14px;font-size:25px;color:#bdc1c6}
.imbf-lang{position:absolute;right:20px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:12px;line-height:1;text-transform:uppercase}
.imbf-lang a{color:#fff}.imbf-lang span{margin:0 4px;color:#888}

/* same 1280px geometry / spacing family as main.css */
main{max-width:1280px;margin:0 auto;padding:18px 25px 48px}
.audio-bible-page{width:100%;font-size:16px}
.audio-crumbs{margin:0 0 18px}
.audio-crumbs ol{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.audio-crumbs li{font-size:13px;color:#777}
.audio-crumbs li+li:before{content:"›";padding:0 8px;color:#aaa}
.audio-crumbs a{color:#777}
.page-head{margin:0 0 14px}
h1,h2,h3{font-weight:700;font-family:inherit;line-height:1.1;color:#111}
h1{margin:0;font-size:22px}
h2,h3{margin:0 0 10px;font-size:20px}
.about{margin:8px 0 18px;font-size:13px;color:#777}

/* Important: grid rows must not stretch left column to sidebar height */
.audio-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;align-items:start}
.audio-main,.audio-sidebar{min-width:0}
.audio-main{align-self:start}
.audio-sidebar{align-self:start}
.listen-panel{margin:0;padding:0}
.audio-sidebar h2{margin:0 0 10px}
.audio-sidebar h3{margin:22px 0 8px;font-size:17px}
.audio-sidebar p{margin:0 0 14px;font-size:14px;line-height:1.5;color:#666}
.book-links{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 18px}
.book-links a{display:inline-block;padding:5px 9px;font-size:12px;line-height:1.25;color:#3c4043;background:#f1f3f4;border:1px solid #e3e5e8;border-radius:8px;text-decoration:none}
.book-links a:hover{color:#fff;background:#ff6a00;border-color:#ff6a00;text-decoration:none}

/* Player cards: neutral site palette, orange interaction */
.resume,.picker,.player-card{margin:10px 0;padding:14px;background:#fff;border:1px solid #dadce0;border-radius:8px}
.resume{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f5f7fa}
.resume[hidden]{display:none}
.resume button,.controls button{min-height:40px;padding:8px 14px;font-weight:700;color:#202124;background:#f1f3f4;border:1px solid #dadce0;border-radius:8px;cursor:pointer}
.resume button:hover,.controls button:hover{color:#fff;background:#ff6a00;border-color:#ff6a00}
.controls button:disabled{opacity:.45;cursor:default}
.picker{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.picker label,.speed{font-size:14px;font-weight:700;color:#404040}
select{display:block;width:100%;height:40px;margin-top:6px;padding:0 10px;font-size:14px;color:#202124;background:#fff;border:1px solid #c9ccd2;border-radius:8px}
.eyebrow{font-size:13px;color:#777}
.player-card h3{margin:4px 0 8px;font-size:20px}
.player-card audio{display:block;width:100%;height:42px;margin:10px 0 14px}
.controls{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);gap:9px;align-items:end}
.autoplay{display:block;margin-top:12px;font-size:14px}.autoplay input{appearance:auto}
#listHeading{margin:20px 0 10px;font-size:19px}
.tracks{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:7px;margin:10px 0 0}
.track{min-height:42px;padding:8px 9px;font-size:13px;color:#333;text-align:left;background:#f1f3f4;border:1px solid #e3e5e8;border-radius:8px;cursor:pointer}
.track:hover,.track.active{color:#fff;background:#ff6a00;border-color:#ff6a00}
.track.active{font-weight:700}
.track small{display:block;margin-top:2px;font-size:11px;color:inherit}

/* Critical desktop fix: sections below grid are normal flow, no inherited grid-height gap */
.audio-bible-page>section{max-width:820px;margin:28px 0 0}
.audio-bible-page>section p{margin:14px 0;font-size:16px;line-height:1.55}
.audio-bible-page>section .book-links a{font-size:13px}

/* Main-site footer language */
.nav-footer{margin-top:0;text-align:center;background:#333;overflow:hidden;clear:both}
.nf-list{width:100%;max-width:1280px;margin:0 auto;padding:0;list-style:none;overflow:hidden}
.nf-link a{display:block;float:left;width:16.666%;padding:10px;font-size:13px;line-height:1.4;color:#fff;text-transform:uppercase;border-right:1px solid #828280;text-decoration:none}
.nf-link a:hover{background:#ff6a00}
footer{background:#111;border-top:1px solid #828280;clear:both}
.social-box{margin:24px}
.social-title{margin:10px 0;font-size:15px;color:#9aa0a6}
footer .social{display:flex;flex-wrap:wrap;gap:8px}
footer .social a{display:inline-flex;align-items:center;padding:8px 14px;font-size:14px;line-height:1.2;color:#bdc1c6;background:#222;border:1px solid #333;border-radius:999px;text-decoration:none}
footer .social a:hover{color:#fff;background:#ff6a00;border-color:#ff6a00;text-decoration:none}
.copyright{margin:0 24px;padding-bottom:50px;font-size:13px;color:#ccc}.copyright a{color:#ccc}

@media(max-width:1020px){
 main{padding:10px 24px 32px}
 .audio-layout{grid-template-columns:1fr;gap:20px}
 .audio-sidebar{margin-top:0}
}
@media(max-width:930px){
 .nf-link a{width:33.333%;font-size:11px;border-bottom:1px solid #828280}
}
@media(max-width:600px){
 .container{padding:0 10px}
 main{padding:8px 10px 32px}
 h1{font-size:18px}
 .audio-crumbs{margin-bottom:9px}
 .page-head{margin-bottom:8px}
 .about{margin:4px 0 8px}
 /* player is intentionally brought into first screen */
 .picker{grid-template-columns:1fr;gap:8px}
 .resume,.picker,.player-card{margin:8px 0;padding:10px}
 .controls{grid-template-columns:1fr 1fr}
 .speed{grid-column:1/-1;grid-row:1}
 .resume{align-items:stretch;flex-direction:column}
 .resume button{width:100%}
 .tracks{grid-template-columns:repeat(3,minmax(0,1fr))}
 .audio-sidebar{margin-top:14px}
 footer .social-box,.copyright{text-align:center}
 footer .social{justify-content:center}
 .copyright{margin:0 16px}
}
@media(max-width:420px){
 .imbf-lang{right:8px}
 .rub{font-size:21px;padding-top:8px}
 .tracks{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* ===== v8: стандартная шапка обычных страниц IMBF (pages.css) ===== */
.topnav{position:relative;height:40px;padding-left:10px;font-size:14px;font-weight:400;background:#343530}
.tn-list{margin:0;padding:0 120px 0 0}
.tn-list li{display:inline-block;margin:0;padding:6px 1px;list-style:none}
.tn-list li a{display:inline-block;padding:3px 6px;color:#eee;text-decoration:none}
.tn-list li a:hover{color:#fff;text-decoration:underline}
.imbf-lang{position:absolute;right:20px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:12px;line-height:1;text-transform:uppercase}
.imbf-lang a{color:#fff;text-decoration:none}.imbf-lang span{margin:0 4px;color:#888}

body>header{position:relative;height:50px;padding:0;background:#111;overflow:hidden}
body>header .logo{display:block;float:left;width:130px;height:50px;margin-left:4px;text-decoration:none}
body>header .logo img{display:block;width:130px;height:50px}
body>header .search{float:right;margin-right:18px;display:flex;align-items:center}
body>header .se-input{width:130px;height:32px;margin:10px -1px 10px 0;padding:0 8px;font-size:14px;border:0;border-radius:0}
body>header .se-button{width:60px;height:32px;margin:10px 0;padding:0;font-size:14px;color:#fff;background:#555;border:0;border-radius:0;text-align:center;cursor:pointer}
body>header .se-button:hover{background:#e25c1d}
body>header .nav{clear:none}
body>header .breadcrumb{height:38px;margin:0;padding:12px 13px;list-style:none;overflow:hidden}
body>header .breadcrumb li{display:inline-block;font-size:14px;color:#aaa}
body>header .breadcrumb li a{font-size:14px;color:#ddd;text-decoration:none}
body>header .breadcrumb li a:hover{color:#fff;text-decoration:underline}
body>header .breadcrumb li:after{padding:0 2px 0 6px;content:"»";font-size:15px;color:#aaa;white-space:pre}
body>header .breadcrumb li:last-of-type:after{display:none}

/* Основные действия должны быть очевидны даже без hover */
.resume button,.controls button{
 color:#fff;
 background:#ff6a00;
 border-color:#e85f00;
 box-shadow:0 1px 2px rgba(0,0,0,.08)
}
.resume button:hover,.controls button:hover{
 color:#fff;
 background:#e65f00;
 border-color:#d95700;
 text-decoration:none
}
.controls button:disabled{
 color:#777;
 background:#e7e7e7;
 border-color:#d5d5d5;
 opacity:1
}

@media(max-width:600px){
 .topnav{font-size:13px}
 .tn-list{display:flex;flex-wrap:nowrap;padding-right:90px;overflow-x:auto;scrollbar-width:none}
 .tn-list::-webkit-scrollbar{display:none}
 .tn-list li{flex:0 0 auto;padding-top:8px}
 .imbf-lang{right:8px}
 body>header{height:auto;min-height:50px}
 body>header .search{margin-right:10px}
 body>header .se-input{width:110px;margin-bottom:5px}
 body>header .se-button{margin-bottom:5px}
 body>header .nav{background:#f5f7fa;border-bottom:1px solid #dadce0;clear:both}
 body>header .breadcrumb{padding-top:8px}
 body>header .breadcrumb li{color:#777}
 body>header .breadcrumb li a{font-weight:600;color:#333}
 body>header .breadcrumb li a:hover{color:#333;text-decoration:underline}
}
@media(max-width:340px){
 body>header .se-input{width:85px}
}


/* ===== v9: спокойный современный интерфейс аудиоплеера ===== */
:root{
 --ab-surface:#f7f8fa;--ab-panel:#fff;--ab-border:#d9dde3;--ab-border-strong:#c5cad1;
 --ab-text:#202124;--ab-muted:#6b7280;--ab-button:#56616d;--ab-hover:#ff6a00;
 --ab-focus:rgba(255,106,0,.20)
}
.listen-panel{padding:14px;background:var(--ab-surface);border:1px solid var(--ab-border);border-radius:12px}
.listen-panel .resume,.listen-panel .picker,.listen-panel .player-card{
 margin:0;background:var(--ab-panel);border:1px solid var(--ab-border);border-radius:9px;
 box-shadow:0 1px 2px rgba(17,24,39,.035)
}
.listen-panel .resume,.listen-panel .picker{margin-bottom:9px}

/* Resting state is neutral; IMBF orange is interaction/hover only. */
.resume button,.controls button{
 min-height:42px;padding:8px 14px;font-weight:700;color:#fff;background:var(--ab-button);
 border:1px solid var(--ab-button);border-radius:7px;box-shadow:none;
 transition:background-color .12s,border-color .12s,box-shadow .12s,transform .12s
}
.resume button:hover,.controls button:hover{
 color:#fff;background:var(--ab-hover);border-color:var(--ab-hover);
 box-shadow:0 3px 10px rgba(255,106,0,.18);text-decoration:none
}
.resume button:active,.controls button:active{transform:translateY(1px)}
.resume button:focus-visible,.controls button:focus-visible,.track:focus-visible,select:focus-visible{
 outline:0;border-color:var(--ab-hover);box-shadow:0 0 0 3px var(--ab-focus)
}
.controls button:disabled{color:#9aa0a6;background:#eceef1;border-color:#e0e3e7;box-shadow:none}

.resume{background:#f9fafb!important}
.picker label,.speed{color:#4b5563}
select{color:var(--ab-text);background:#fff;border-color:var(--ab-border-strong);border-radius:7px}
select:hover{border-color:#9ca3af}
.player-card audio{margin:12px 0 16px;border-radius:8px}

/* Chapters and book chips use the same visual language. */
.track{color:#374151;background:#fff;border-color:var(--ab-border);border-radius:7px;
 transition:background-color .12s,border-color .12s,color .12s}
.track:hover{color:#fff;background:var(--ab-hover);border-color:var(--ab-hover)}
.track.active{color:#fff;background:#56616d;border-color:#56616d}
.book-links a{color:#4b5563;background:#f3f4f6;border-color:#e1e4e8;border-radius:8px;
 transition:background-color .12s,border-color .12s,color .12s}
.book-links a:hover{color:#fff;background:var(--ab-hover);border-color:var(--ab-hover);text-decoration:none}

@media(max-width:600px){
 .listen-panel{margin-left:-2px;margin-right:-2px;padding:9px;border-radius:10px}
 .resume button,.controls button{min-height:44px}
}

/* ===== v10: desktop flow + compact mobile first screen ===== */
.audio-info{margin-top:24px}
.audio-info>section{max-width:820px;margin:0 0 30px}
.audio-info>section p{margin:12px 0;line-height:1.55}
.audio-info h2{margin:0 0 10px;font-size:20px}
.audio-info h3{margin:24px 0 8px;font-size:18px}
.audio-bible-page>section{max-width:none}

@media(max-width:600px){
 .page-head{margin-bottom:6px}
 .page-head h1{font-size:20px;line-height:1.15}
 .page-head .lead{margin:4px 0 6px;font-size:14px;line-height:1.35}
 .about{margin:3px 0 7px}
 .audio-info{margin-top:20px}
}


/* ===== v11: фикс двухколоночной сетки ===== */
.audio-layout{
 display:grid;
 grid-template-columns:minmax(0,1fr) 290px;
 gap:32px;
 align-items:start;
}
.audio-main{grid-column:1;min-width:0}
.audio-sidebar{grid-column:2;min-width:0;align-self:start}
.audio-info{width:100%;margin-top:24px}

@media(max-width:1020px){
 .audio-layout{grid-template-columns:1fr}
 .audio-main,.audio-sidebar{grid-column:1}
}


/* ===== v12: окончательная корректировка DOM/grid ===== */
.audio-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;align-items:start;width:100%}
.audio-main{grid-column:1;grid-row:1;min-width:0}
.audio-sidebar{grid-column:2;grid-row:1;min-width:0;align-self:start}
.audio-info{margin-top:24px}

@media(max-width:1020px){
 .audio-layout{display:block}
 .audio-main,.audio-sidebar{width:100%}
 .audio-sidebar{margin-top:22px}
}

/* v15: book controls are buttons, eliminating hash navigation completely */
.seo-book[type="button"]{
 font:inherit;
 cursor:pointer;
}
.book-links .seo-book[type="button"]{
 display:inline-block;
 width:auto;
 margin:0 4px 6px 0;
 padding:5px 9px;
 color:#56616d;
 background:#f4f5f7;
 border:1px solid #dfe3e8;
 border-radius:8px;
 line-height:1.2;
 text-decoration:none;
}
.book-links .seo-book[type="button"]:hover,
.book-links .seo-book[type="button"]:focus-visible{
 color:#fff;
 background:#ff6a00;
 border-color:#ff6a00;
 outline:none;
}
/* v18: long single-file books visibly enter loading state after one click */
#now-title[data-loading="1"]::after{content:" · загрузка…";color:#6b7280;font-weight:400}


/* ===== v23: buttons in content + clean reading links ===== */
.audio-info .book-links .seo-book[type="button"]{
 display:inline-block;width:auto;margin:0;padding:7px 11px;
 font-size:14px;line-height:1.25;color:#4b5563;background:#f3f4f6;
 border:1px solid #dfe3e8;border-radius:8px;cursor:pointer;text-decoration:none;
}
.audio-info .book-links .seo-book[type="button"]:hover,
.audio-info .book-links .seo-book[type="button"]:focus-visible{
 color:#fff;background:#ff6a00;border-color:#ff6a00;text-decoration:none;outline:none;
}
.read-links{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 0}
.read-links a{
 display:inline-block;padding:7px 11px;font-size:14px;line-height:1.3;
 color:#4b5563;background:#f3f4f6;border:1px solid #dfe3e8;
 border-radius:8px;text-decoration:none;
}
.read-links a:hover,.read-links a:focus-visible{
 color:#fff;background:#ff6a00;border-color:#ff6a00;text-decoration:none;outline:none;
}