.listening{padding:52px var(--gutter,4vw) 48px;background:var(--cream);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);scroll-margin-top:24px}
.listen-feature{display:grid;grid-template-columns:minmax(180px,330px) minmax(0,1fr);gap:clamp(28px,5vw,84px);padding:42px 0;scroll-margin-top:24px}
.listen-feature+.listen-feature{border-top:1px solid var(--ink)}
.listen-portrait{display:block;align-self:start;aspect-ratio:1;overflow:hidden}
.listen-portrait img{display:block;width:100%;height:100%;object-fit:cover}
.listen-cover{margin:0;align-self:start;min-width:0}
.listen-cover-title{font:800 clamp(68px,7.2vw,116px)/.92 var(--display);letter-spacing:-.01em;margin-top:18px;color:var(--ink)}
.listen-cover-title span{color:var(--red)}
#listen-baitassov .listen-cover-title{color:var(--blue)}
.listen-label{font:500 14px/1.5 'Golos Text',sans-serif;letter-spacing:.055em;margin:0 0 16px}
.listen-feature h2{font:800 clamp(50px,6vw,104px)/.94 var(--display);letter-spacing:-.015em;margin:0 0 22px}
.listen-feature h2>span:first-child{display:block}
.listen-feature h2 .listen-dot{color:var(--red)}
#listen-baitassov h2{color:var(--blue)}
.listen-description{font-size:16px;line-height:1.65;margin:0 0 24px;max-width:640px}
.listening audio{display:block;width:100%;height:48px;max-width:780px;color-scheme:light}
.listening [hidden]{display:none!important}
.listen-start{appearance:none;border:1px solid var(--ink);background:var(--ink);color:var(--cream);border-radius:0;padding:15px 25px;font:500 16px/1.35 'Golos Text',sans-serif;cursor:pointer;min-height:52px}
.listen-start:hover{background:var(--red);border-color:var(--red);color:var(--ink)}
.listen-start:disabled{cursor:progress;opacity:.65}
.audio-status{font-size:14px;line-height:1.5;margin:8px 0 0}
.audio-status:empty{display:none}
.listen-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 18px}
.listen-chapters button{display:block;text-align:left;color:var(--ink);padding:12px 0 0;border:0;border-top:1px solid #191b1b40;background:none;font:400 15px/1.5 'Golos Text',sans-serif;cursor:pointer}
.listen-chapters time{display:block;font-size:13px;line-height:1.5;font-variant-numeric:tabular-nums;color:#66685f;margin-bottom:5px}
.listen-chapters button span{display:block}
.listen-chapters button:hover{color:var(--red);border-top-color:var(--red)}
.listen-sources{font-size:14px;text-underline-offset:4px}
.listen-start:focus-visible,.listen-chapters button:focus-visible,.listen-portrait:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.listening .listen-note{font-size:13px;line-height:1.7;color:#66685f;margin:12px 0 0}
@media(max-width:950px){.listen-feature{grid-template-columns:minmax(150px,240px) minmax(0,1fr);gap:28px}.listen-feature h2{font-size:clamp(48px,7vw,72px)}.listen-chapters{grid-template-columns:1fr;gap:0}.listen-chapters button{display:flex;gap:18px;padding:11px 0}.listen-chapters time{margin:0;flex:0 0 42px}}
@media(max-width:650px){.listening{padding:28px 20px 32px}.listen-feature{grid-template-columns:1fr;gap:24px;padding:30px 0}.listen-portrait{width:min(58%,240px)}.listen-feature h2{font-size:clamp(52px,14vw,80px)}.listen-description{font-size:16px}.listen-label{font-size:14px}.masthead nav>a:nth-child(2){display:block}.masthead nav>a[href="#idea"]{display:none}}
@media(max-width:650px){.listen-cover{display:grid;grid-template-columns:minmax(110px,.95fr) minmax(0,1fr);align-items:end;gap:20px}.listen-cover .listen-portrait{width:100%}.listen-cover-title{font-size:clamp(52px,14vw,78px);margin:0 0 4px}.listen-feature h2{font-size:clamp(48px,13vw,74px)}}