/* TOP20 - autorski układ redakcyjny. Korzysta z istniejących kolorów, bez nowej palety. */
.editorial-home {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(245px,.62fr);align-items:center;gap:clamp(26px,5vw,76px);padding:36px 0 44px;border-bottom:1px solid var(--line)}
.editorial-home__issue {display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--muted-2);font-size:.72rem;font-weight:750;letter-spacing:.11em;margin:0 0 25px}
.editorial-home__issue span {color:var(--accent)}
.editorial-home h1 {font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,4.8vw,4.15rem);font-weight:700;line-height:1.12;letter-spacing:-.035em;max-width:740px;margin:0 0 20px;color:var(--text)}
.editorial-home__intro>p:not(.editorial-home__issue) {max-width:660px;color:#d7cccc;font-size:1.06rem;line-height:1.75;margin:0}
.editorial-home__links {display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:29px}
.editorial-home__links .button {border-radius:5px;box-shadow:none;min-height:47px;padding-inline:19px}
.editorial-home__links .text-link {text-decoration:underline;text-underline-offset:4px}
.editorial-home__caption {max-width:580px;padding-left:12px;border-left:2px solid var(--accent);margin-top:22px;color:var(--muted);font-size:.85rem;line-height:1.55}
.editorial-home__record {display:block;max-width:375px;width:100%;text-decoration:none;padding:9px 0 0;margin-inline:auto;border-top:3px solid var(--accent);color:var(--text)}
.editorial-home__record-image {width:100%;aspect-ratio:1;overflow:hidden;margin-bottom:15px;background:var(--panel);border:1px solid var(--line)}
.editorial-home__record-image img {width:100%;height:100%;object-fit:cover}
.editorial-home__record-label {display:block;font-size:.72rem;letter-spacing:.075em;text-transform:uppercase;color:var(--accent);font-weight:800;margin-bottom:5px}
.editorial-home__record strong {display:block;font-size:1.18rem;line-height:1.3}.editorial-home__record>span:last-child {display:block;color:var(--muted);margin-top:2px}
.listener-search {display:grid;grid-template-columns:minmax(210px,.75fr) minmax(280px,1.25fr);align-items:start;gap:clamp(24px,4vw,54px);padding:33px 0;border-bottom:1px solid var(--line)}
.listener-search__heading>span {color:var(--accent);font-weight:800;font-size:.7rem;letter-spacing:.095em}
.listener-search__heading h2 {font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.25rem,2.2vw,1.8rem);font-weight:600;line-height:1.3;letter-spacing:-.01em;margin:8px 0 0}
.listener-search__control {position:relative;min-width:0}
.listener-search__control input {width:100%;height:48px;background:var(--panel);color:#fff;padding:0 14px;border:1px solid #655050;border-bottom:2px solid var(--accent);border-radius:3px;font-size:1rem;outline-offset:4px}
.listener-search__control input:focus {outline:2px solid #aa5555;border-color:var(--accent)}
.listener-search__control>p {margin:8px 0 0;color:var(--muted);font-size:.79rem;line-height:1.5}
.listener-search__results {position:relative;max-height:390px;overflow:auto;margin-top:7px;border-top:1px solid var(--line)}
.listener-search__results:empty {display:none}
.listener-search__results>p {color:var(--muted);font-size:.87rem}
.listener-search__hit {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 8px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}
.listener-search__hit:hover,.listener-search__hit:focus-visible {background:#241b1b}
.listener-search__hit span {display:grid;gap:3px}.listener-search__hit small {color:var(--muted);font-size:.83rem}
.listener-search__hit>b {font-size:.76rem;color:#ffa3a3;flex-shrink:0}
/* Wspomnienia na stronie głównej: ten sam pełny kontener co podium i pozostałe sekcje. */
.listener-notes {padding:48px 0 40px;border-bottom:1px solid var(--line)}
.listener-notes__header {width:100%;max-width:none;display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,.68fr);column-gap:clamp(28px,4vw,66px);align-items:end}
.listener-notes__header>.eyebrow {grid-column:1/-1}
.listener-notes h2 {grid-column:1;font:600 clamp(1.55rem,2.9vw,2.4rem)/1.2 Georgia,"Times New Roman",serif;letter-spacing:-.025em;margin:0}
.listener-notes__header>p {grid-column:2;color:var(--muted);line-height:1.7;margin:0 0 4px}
.listener-notes__list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;margin:24px 0 18px}
.listener-notes__note {padding:16px 0 16px 17px;border-left:2px solid #7e3535}
.listener-notes__song {display:block;margin-bottom:10px;font-size:.77rem;color:#ff9a9a;letter-spacing:.02em}.listener-notes__song a {text-decoration:underline;text-underline-offset:3px}
.listener-notes__note blockquote {font:italic 1.1rem/1.65 Georgia,"Times New Roman",serif;margin:0 0 12px;color:#e9dfdf}
.listener-notes__note small {color:var(--muted)}
.listener-notes__empty {max-width:none;width:100%;color:var(--muted);margin:22px 0 20px}
.listener-notes__actions {width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 28px;padding-top:17px;border-top:1px solid var(--line);font-size:.9rem}
.listener-notes__actions a {text-underline-offset:3px;text-decoration:underline}
@media(max-width:820px) {
 .listener-notes__header {grid-template-columns:1fr;row-gap:7px}
 .listener-notes__header>h2,.listener-notes__header>p {grid-column:1}
 .listener-notes__header>p {margin:0}
 .listener-notes__actions {grid-template-columns:1fr;gap:11px}
}
/* Karta utworu: naturalny fragment istniejącej strony, nie nowa tablica marketingowa. */
.memory-stories {padding-top:45px;padding-bottom:40px;border-top:1px solid var(--line)}
.memory-stories .section-heading h2 {font-family:Georgia,"Times New Roman",serif;letter-spacing:-.01em}
.memory-stories>p {max-width:780px;color:var(--muted)}
.memory-stories__published {max-width:850px;display:grid;gap:20px;margin:15px 0 24px}
.memory-stories__quote {border-left:3px solid var(--accent);padding:7px 0 7px 20px}
.memory-stories__quote blockquote {font:italic 1.12rem/1.68 Georgia,"Times New Roman",serif;margin:0 0 12px;white-space:normal;overflow-wrap:anywhere}
.memory-stories__quote small {color:var(--muted)}
.memory-stories__form-toggle {max-width:780px;margin:22px 0 0;padding:15px 0;border-top:1px solid var(--line)}
.memory-stories__form-toggle>summary {display:list-item;cursor:pointer;color:#fff;font-weight:750;text-decoration:underline;text-underline-offset:4px}
.story-form {max-width:700px;display:grid;gap:17px;margin:20px 0;padding:22px 0}
.story-form label {display:grid;gap:7px;font-size:.9rem;font-weight:700;color:#ddd1d1}
.story-form input[type=text],.story-form input[type=password],.story-form textarea {width:100%;padding:12px 14px;background:#1c1919;color:var(--text);border:1px solid #5b4444;border-radius:5px;resize:vertical;font:inherit}
.story-form input:focus-visible,.story-form textarea:focus-visible {outline:2px solid var(--accent);outline-offset:2px}
.story-form__check {display:flex!important;align-items:start;flex-direction:row;gap:10px!important;line-height:1.5;font-weight:400!important}
.story-form__check input {width:18px;height:18px;flex:0 0 18px;margin-top:3px;accent-color:var(--accent)}
.story-form__note {font-size:.82rem;color:var(--muted);line-height:1.6}.story-form__note a {text-decoration:underline}
.story-form__honey {position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.story-form .button {justify-self:start;border-radius:4px;box-shadow:none}.story-alert {border-left:3px solid var(--accent);padding:12px 17px;background:rgba(255,43,43,.085);color:#f5d1d1;max-width:790px}
.vote-track.is-linked-track {background:rgba(255,43,43,.09);outline:2px solid var(--accent);outline-offset:-2px}
.memory-game {padding-top:40px;padding-bottom:70px}.memory-game h1 {font:600 clamp(2rem,4vw,3.2rem)/1.18 Georgia,"Times New Roman",serif;letter-spacing:-.025em;max-width:800px;margin:12px 0}
.memory-game__intro {max-width:650px;line-height:1.7;color:var(--muted)}
.memory-game__score {margin:22px 0;color:var(--muted)}.memory-game__score strong {color:#fff}
.memory-game__record {border-top:3px solid var(--accent);border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(170px,290px) minmax(0,1fr);gap:clamp(18px,4vw,45px);padding:28px 0;max-width:930px}
.memory-game__record img {width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid var(--line)}
.memory-game__record h2 {font-size:clamp(1.3rem,3vw,2.1rem);margin:5px 0}.memory-game__title {color:var(--muted);margin:0 0 26px;font-size:1.18rem}
.memory-game__answers {margin:15px 0;max-width:410px}.memory-game__answers p {font-weight:700}.memory-game__answers button {background:#201b1b;border:1px solid #695050;color:white;padding:12px 21px;margin:0 8px 9px 0;cursor:pointer;font-size:1.2rem;font-weight:700;border-radius:3px}
.memory-game__answers button:hover,.memory-game__answers button:focus-visible {background:var(--accent);border-color:var(--accent)}
.memory-game__verdict {font-size:1.08rem;line-height:1.7;border-left:2px solid var(--accent);padding-left:15px}
.story-admin {padding:45px 0 85px}.story-admin h1 {font-family:Georgia,"Times New Roman",serif;margin:5px 0 25px}
.story-admin__logout {display:flex;justify-content:flex-end}.story-admin__entry {max-width:950px;border-top:1px solid var(--line);padding:23px 0}
.story-admin__entry header {display:flex;flex-wrap:wrap;align-items:center;gap:7px}.story-admin__entry header small {margin-left:auto;color:var(--muted)}
.story-admin__entry blockquote {margin:12px 0 14px;padding-left:17px;border-left:2px solid #704747;line-height:1.7;overflow-wrap:anywhere}
.story-admin__entry form {display:flex;flex-wrap:wrap;gap:9px}.story-admin__entry .button {border-radius:4px;box-shadow:none;min-height:38px}
/* Powściągliwszy wizualnie szkielet: obecna czerwień i ciemne tło pozostają. */
body {background:var(--bg)}
@media(max-width:760px) {
 .editorial-home,.listener-search {grid-template-columns:1fr;gap:25px}
 .editorial-home {padding-top:28px}.editorial-home__issue {margin-bottom:17px}
 .editorial-home__record {max-width:none;margin:0;display:grid;grid-template-columns:105px minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:3px 14px;border-top:1px solid var(--line);padding-top:15px}
 .editorial-home__record-image {grid-row:1/4;width:105px;height:105px;margin:0}.editorial-home__record-label {margin:0;align-self:end}.editorial-home__record>strong {align-self:end}
 .listener-search {padding:26px 0}.listener-notes__list {grid-template-columns:1fr;gap:8px}
 .memory-game__record {grid-template-columns:1fr}.memory-game__record>img {max-width:260px}
 .story-form {padding:14px 0}
}
@media(max-width:440px) {
 .editorial-home__links .button {width:100%}
 .listener-notes__actions {display:grid;gap:10px}
 .editorial-home h1 {font-size:2.25rem}
}
@media(prefers-reduced-motion:reduce) { .editorial-home * {scroll-behavior:auto!important} }
.stories-archive {padding-top:44px;padding-bottom:70px}
.stories-archive h1 {font:600 clamp(2rem,3.8vw,3.3rem)/1.18 Georgia,"Times New Roman",serif;letter-spacing:-.02em;max-width:850px;margin:6px 0 18px}
.stories-archive__intro {max-width:780px;color:var(--muted);line-height:1.75;margin-bottom:38px}
.stories-archive__entries {display:grid;gap:0;max-width:940px;border-top:1px solid var(--line)}
.stories-archive__entry {display:grid;grid-template-columns:110px minmax(0,1fr);gap:23px;padding:27px 0;border-bottom:1px solid var(--line)}
.stories-archive__cover img {width:110px;height:110px;object-fit:cover}
.stories-archive__entry h2 {font-size:1.1rem;margin:0 0 13px}.stories-archive__entry h2 a {text-decoration:none}.stories-archive__entry h2 a:hover {color:var(--accent)}
.stories-archive__entry blockquote {font:italic 1.09rem/1.68 Georgia,"Times New Roman",serif;margin:0 0 11px;overflow-wrap:anywhere}
.stories-archive__entry small {color:var(--muted)}
.stories-archive__pages {display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;max-width:940px;padding:28px 0;color:var(--muted);font-size:.88rem}
@media(max-width:500px) {.stories-archive__entry {grid-template-columns:70px minmax(0,1fr);gap:13px}.stories-archive__cover img {width:70px;height:70px}}
/* Mniej powtarzalnego „card UI” na głównej; kontynuacja istniejącego ciemnego motywu. */
body[data-page="index.php"] .podium-card {border-radius:3px;box-shadow:none}
body[data-page="index.php"] .podium-card--1 {transform:none;border-top:3px solid var(--accent)}
body[data-page="index.php"] .podium-card:not(.podium-card--1) {border-top:3px solid #4e3838}
body[data-page="index.php"] .section-heading h2 {font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.02em}
body[data-page="index.php"] .chart-list {border-radius:4px}
body[data-page="index.php"] .about-card {border-radius:3px;box-shadow:none}
body[data-page="index.php"] .about-card::before {display:none}
body[data-page="index.php"] .about-card h3 {font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.02em}
body[data-page="index.php"] .weekly-story-card {border-radius:4px}
body[data-page="index.php"] .top20-proof-strip {border-radius:3px;box-shadow:none}

/* BETA2 - typografia radiowej listy, bez promocyjnych bloków i generycznych kafli. */
.new-radio-front {padding:28px 0 28px;border-bottom:1px solid var(--line)}
.new-radio-front__line{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-bottom:1px solid #443333;padding:0 0 13px;color:#b5a3a3;font-size:.72rem;font-weight:800;letter-spacing:.13em}
.new-radio-front__line span:first-child{color:#ff6b6b}.new-radio-front__line i{color:#8c6666;font-style:normal;padding:0 7px}
.new-radio-front__columns{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(275px,.7fr);gap:clamp(28px,5vw,70px);align-items:center;padding:27px 0 0}
.new-radio-front__main{max-width:740px}
.new-radio-front__eyebrow{font:700 .78rem/1.4 system-ui,sans-serif;color:#ff8585;letter-spacing:.035em;margin:0 0 12px}
.new-radio-front h1{font:600 clamp(2.6rem,5.2vw,5.2rem)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.046em;margin:0 0 23px;max-width:720px}
.new-radio-front__lead{font-size:clamp(1.05rem,1.5vw,1.24rem);line-height:1.7;color:#dbd2d2;max-width:610px;margin:0}
.new-radio-front__actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:27px}
.new-radio-front__actions .button{box-shadow:none;border-radius:3px;min-height:44px;padding:0 23px}
.new-radio-front__radio{font-weight:750;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#785959}
.new-radio-front__radio:hover{color:var(--accent)}
.new-radio-front__back{border-left:2px solid var(--accent);padding:3px 0 3px 15px;color:#b8abab;max-width:580px;line-height:1.6;font-size:.9rem;margin:25px 0 0}
.new-radio-front__back strong{color:#f2e8e8}
.new-radio-front__record{display:grid;grid-template-columns:minmax(0,1fr);max-width:340px;justify-self:end;width:100%;border-top:3px solid var(--accent);padding-top:7px}
.new-radio-front__cover{display:block;aspect-ratio:1;overflow:hidden;border:1px solid var(--line);background:var(--panel)}
.new-radio-front__cover img{width:100%;height:100%;object-fit:cover}
.new-radio-front__record-meta{display:grid;gap:3px;padding:10px 0 0}
.new-radio-front__record-meta span{font-size:.69rem;color:#ef7777;letter-spacing:.11em;font-weight:800}
.new-radio-front__record-meta strong{font-size:1.08rem;line-height:1.3}
.new-radio-front__record-meta a{color:#c6baba;text-decoration:none;font-size:.92rem}
.new-radio-front__record-meta a:hover{color:var(--accent)}
.new-radio-search{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(300px,1.25fr);align-items:center;gap:clamp(22px,5vw,60px);padding:28px 0 30px;border-bottom:1px solid var(--line)}
.new-radio-search__intro>span{font-size:.72rem;font-weight:800;letter-spacing:.11em;color:var(--accent)}
.new-radio-search__intro h2{font:600 clamp(1.42rem,2.5vw,2rem)/1.2 Georgia,'Times New Roman',serif;margin:6px 0}
.new-radio-search__intro p{margin:0;color:var(--muted);line-height:1.55;font-size:.91rem}
.new-radio-search__entry{position:relative;min-width:0}
.new-radio-search__entry label{display:block;margin-bottom:7px;font-size:.77rem;font-weight:750;color:#e9dede}
.new-radio-search__entry input{width:100%;height:48px;border:1px solid #675454;border-bottom:2px solid var(--accent);border-radius:3px;padding:0 15px;background:#171515;color:#fff;font-size:1rem}
.new-radio-search__entry input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.new-radio-search__entry>p{font-size:.79rem;color:var(--muted);margin:7px 0 0}
body[data-page="index.php"] .weekly-story{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:26px 0;margin-top:30px;box-shadow:none}
body[data-page="index.php"] .weekly-story__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;border-top:1px solid var(--line);margin-top:17px}
body[data-page="index.php"] .weekly-story-card{border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;padding:15px 12px}
body[data-page="index.php"] .weekly-story-card:last-child{border-right:0}
body[data-page="index.php"] .weekly-story-card__icon{font-size:1rem}
@media(max-width:800px){.new-radio-front__columns{grid-template-columns:minmax(0,1fr) minmax(230px,.65fr);gap:25px}.new-radio-front h1{font-size:clamp(2.25rem,5vw,3.6rem)}.new-radio-search{grid-template-columns:1fr;gap:14px}}
@media(max-width:620px){.new-radio-front__columns{grid-template-columns:1fr}.new-radio-front__record{max-width:none;justify-self:stretch;grid-template-columns:115px minmax(0,1fr);gap:13px;padding-top:13px;border-top:1px solid var(--line)}.new-radio-front__cover{width:115px}.new-radio-front__record-meta{align-content:center}.new-radio-front h1{font-size:clamp(2.1rem,9vw,3.1rem)}.new-radio-front__line span:last-child{font-size:.65rem}.new-radio-search{padding:22px 0}.new-radio-front__lead{font-size:1.04rem}.new-radio-front__actions{gap:18px}.new-radio-front__back{margin-top:20px}body[data-page="index.php"] .weekly-story__grid{grid-template-columns:1fr 1fr}body[data-page="index.php"] .weekly-story-card:nth-child(even){border-right:0}}
@media(max-width:390px){body[data-page="index.php"] .weekly-story__grid{grid-template-columns:1fr}body[data-page="index.php"] .weekly-story-card{border-right:0}}
.broadcast-countdown--unset{min-width:150px}.broadcast-countdown--unset .broadcast-countdown__intro strong{font-size:.84rem}

/* BETA2 - radiowa strona główna: utwory i podium od razu na pierwszym ekranie. */
.top20-listening-room{padding:24px 0 24px;border-bottom:1px solid var(--line)}
.top20-listening-room__masthead{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:8px;border-bottom:1px solid #453737;padding-bottom:12px;color:#b5a9a9;font-size:.72rem;font-weight:800;letter-spacing:.115em}
.top20-listening-room__masthead>span:first-child{color:#fb6969}
.top20-listening-room__masthead i{font-style:normal;color:#b05d5d;padding-inline:8px}
.top20-listening-room__body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(305px,.9fr);gap:clamp(25px,5vw,64px);align-items:center;padding-top:26px}
.top20-listening-room__eyebrow{display:block;color:#ef8080;font-size:.7rem;letter-spacing:.13em;font-weight:800;margin-bottom:8px}
.top20-listening-room h1{font:600 clamp(2.3rem,4vw,3.5rem)/1.13 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0 0 14px}
.top20-listening-room__intro>p{max-width:670px;color:#d1c6c6;font-size:1rem;line-height:1.66;margin:0}
.top20-listening-room__actions{display:flex;align-items:center;flex-wrap:wrap;gap:19px;margin-top:20px}
.top20-listening-room__actions .button{border-radius:3px;box-shadow:none;padding-inline:18px;min-height:43px}
.top20-listening-room__listen{color:#e3d6d6;font-weight:750;text-decoration:underline;text-decoration-color:#785d5d;text-underline-offset:4px}
.top20-listening-room__listen:hover{color:var(--accent)}
.top20-listening-room__find{border-left:2px solid #8b3434;padding:2px 0 2px 23px;min-width:0}
.top20-listening-room__find-title{display:block;font:600 1.35rem/1.3 Georgia,'Times New Roman',serif;margin:0 0 7px}
.top20-listening-room__find>p{font-size:.9rem;color:#bcb0b0;margin:0 0 13px;line-height:1.6}
.top20-listening-room__find label{display:block;font-size:.76rem;font-weight:700;margin:0 0 5px;color:#e9dede}
.top20-listening-room__find input{width:100%;height:46px;padding:0 12px;background:#1a1717;color:#fff;border:1px solid #645050;border-bottom:2px solid var(--accent);border-radius:3px;outline-offset:3px;font-size:1rem}
.top20-listening-room__find input:focus-visible{outline:2px solid var(--accent)}
.top20-listening-room__find>small{display:block;margin-top:7px;font-size:.73rem;line-height:1.55;color:var(--muted)}
.top20-listening-room__find .listener-search__results:not(:empty){max-height:295px;overflow-y:auto;border:1px solid #473333;background:#191515;padding:2px 8px;margin-top:5px;position:absolute;z-index:60;width:min(100%,500px);box-shadow:0 14px 35px rgba(0,0,0,.55)}
.top20-listening-room__find .listener-search__hit{font-size:.92rem}
body[data-page="index.php"] .chart-section{padding-top:26px}
body[data-page="index.php"] .chart-section>.section-heading{margin-bottom:18px}
@media(max-width:790px){.top20-listening-room__body{grid-template-columns:1fr;gap:20px}.top20-listening-room__find{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.top20-listening-room__find .listener-search__results:not(:empty){position:relative;width:100%;box-shadow:none}}
@media(max-width:420px){.top20-listening-room{padding-top:17px}.top20-listening-room h1{font-size:2.25rem}.top20-listening-room__masthead{font-size:.63rem}.top20-listening-room__body{padding-top:20px}.top20-listening-room__actions{gap:13px}}


/* BETA 2.1 - strona główna jako redakcyjne miejsce muzyczne.
   Barwy, notowanie, nawigacja i istniejące funkcje bez zmian. */
body[data-page="index.php"] .top20-memory-opening {
  padding: 19px 0 22px;
  border-bottom: 1px solid var(--line);
}
.top20-memory-opening__issue {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  border-top: 2px solid #943434;
  border-bottom: 1px solid #483737;
  padding: 9px 1px;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .12em;
  color: #ded1d1;
}
.top20-memory-opening__issue span:first-child { color: #f07878 }
.top20-memory-opening__issue i { font-style: normal; color: #845151; padding-inline: 8px }
.top20-memory-opening__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(320px, .72fr);
  gap: clamp(24px, 4vw, 52px);
  align-items: stretch;
  padding: 22px 0;
}
.top20-memory-opening__feature {
  display: grid;
  grid-template-columns: clamp(156px, 19vw, 245px) minmax(0,1fr);
  gap: clamp(18px, 2.2vw, 30px);
  align-items: center;
  min-width: 0;
}
.top20-memory-opening__cover {
  align-self: start;
  display: block;
  aspect-ratio: 1;
  border: 1px solid #584747;
  background: #211c1c;
}
.top20-memory-opening__cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top20-memory-opening__eyebrow {
  display: block;
  color: #f48787;
  font: 800 .69rem/1.5 system-ui, sans-serif;
  letter-spacing: .085em;
  margin-bottom: 8px;
}
.top20-memory-opening__feature-copy { min-width: 0 }
.top20-memory-opening__feature-copy h1 {
  font: 600 clamp(1.65rem, 2.7vw, 2.75rem)/1.14 Georgia, "Times New Roman", serif;
  letter-spacing: -.025em;
  margin: 0 0 14px;
}
.top20-memory-opening__artist {
  color: #fff;
  font-size: clamp(.98rem, 1.3vw, 1.2rem);
  font-weight: 800;
  margin: 0 0 3px;
}
.top20-memory-opening__song {
  color: #f2a4a4;
  font-size: 1rem;
  font-weight: 750;
  line-height: 1.45;
  margin: 0 0 12px;
}
.top20-memory-opening__song span { color: #a99b9b; font-size: .85rem; font-weight: 400; white-space: nowrap }
.top20-memory-opening__story {
  color: #c5b9b9;
  font-size: .9rem;
  line-height: 1.56;
  margin: 0 0 15px;
}
.top20-memory-opening__feature-links { display:flex;flex-wrap:wrap;gap:9px 21px;align-items:center }
.top20-memory-opening__feature-links a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-color: #9d5656;
  font-weight: 700;
  font-size: .83rem;
}
.top20-memory-opening__feature-links a:first-child { color: #ffb6b6 }
.top20-memory-opening__feature-links a:hover { color: var(--accent) }
.top20-memory-opening__find {
  border-left: 1px solid #554040;
  padding: 2px 0 0 clamp(19px, 2.5vw, 32px);
  min-width: 0;
}
.top20-memory-opening__find h2 {
  font: 600 clamp(1.5rem, 2.25vw, 2rem)/1.22 Georgia, "Times New Roman", serif;
  margin: 0 0 10px;
  letter-spacing: -.02em;
}
.top20-memory-opening__find p {margin:0 0 16px;color:#c6b7b7;font-size:.89rem;line-height:1.62}
.top20-memory-opening__find label {display:block;margin:0 0 7px;font-size:.76rem;font-weight:800;color:#e6dada}
.top20-memory-opening__find input {
  display:block;width:100%;height:45px;
  padding:0 12px;border:1px solid #725454;border-bottom:2px solid var(--accent);
  border-radius:2px;background:#1b1616;color:#fff;font-size:.95rem;
}
.top20-memory-opening__find input:focus-visible {outline:2px solid var(--accent);outline-offset:3px}
.top20-memory-opening__find small {display:block;color:#aa9a9a;line-height:1.55;font-size:.76rem;margin-top:8px}
.top20-memory-opening__find .listener-search__results:not(:empty) {
  max-height:300px;overflow-y:auto;background:#191515;
  border:1px solid #5f4646;padding-inline:8px;margin-top:8px;z-index:10;
}
.top20-memory-opening__footer {
  display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;
  border-top:1px solid #483737;padding:12px 1px 0;
  color:#ab9f9f;font-size:.79rem;
}
.top20-memory-opening__footer nav {display:flex;flex-wrap:wrap;gap:9px 23px}
.top20-memory-opening__footer a {
  color:#dfd2d2;text-decoration:underline;
  text-decoration-color:#745252;text-underline-offset:4px;
  font-weight:700
}
.top20-memory-opening__footer a:hover {color:var(--accent)}
@media(max-width:1000px) {
  .top20-memory-opening__layout {grid-template-columns:1fr;gap:19px}
  .top20-memory-opening__find {
    border-left:0;
    border-top:1px solid #483737;
    padding:18px 0 0;
    display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1fr);
    column-gap:24px;align-content:start;
  }
  .top20-memory-opening__find .top20-memory-opening__eyebrow,
  .top20-memory-opening__find h2,.top20-memory-opening__find p {grid-column:1}
  .top20-memory-opening__find label,
  .top20-memory-opening__find input,
  .top20-memory-opening__find .listener-search__results,
  .top20-memory-opening__find small {grid-column:2}
  .top20-memory-opening__find label {grid-row:1;align-self:end;margin:0 0 8px}
  .top20-memory-opening__find input {grid-row:2;align-self:start}
  .top20-memory-opening__find small {grid-row:5}
  .top20-memory-opening__find .listener-search__results:not(:empty) {grid-row:4}
}
@media(max-width:700px){
  .top20-memory-opening__feature {grid-template-columns:126px minmax(0,1fr);gap:16px;align-items:start}
  .top20-memory-opening__feature-copy h1 {font-size:1.8rem}
  .top20-memory-opening__find {display:block}
  .top20-memory-opening__footer {align-items:flex-start}
}
@media(max-width:430px){
  .top20-memory-opening__issue {font-size:.61rem;letter-spacing:.05em}
  .top20-memory-opening__feature {grid-template-columns:93px minmax(0,1fr);gap:13px}
  .top20-memory-opening__feature-copy h1 {font-size:1.5rem;margin-bottom:9px}
  .top20-memory-opening__story {font-size:.82rem}
  .top20-memory-opening__artist,.top20-memory-opening__song {font-size:.89rem}
  .top20-memory-opening__footer nav {gap:9px 15px}
}

/* Priorytet na małych ekranach: okładka, wyszukiwanie i notowanie przed długimi opisami. */
@media(max-width:620px) {
  body[data-page="index.php"] .top20-memory-opening {padding-top:9px;padding-bottom:12px}
  .top20-memory-opening__layout {padding:13px 0;gap:13px}
  .top20-memory-opening__feature {align-items:center}
  .top20-memory-opening__story {display:none}
  .top20-memory-opening__feature-copy h1 {margin-bottom:7px}
  .top20-memory-opening__song {margin-bottom:7px}
  .top20-memory-opening__feature-links {gap:6px 12px}
  .top20-memory-opening__find {padding-top:14px}
  .top20-memory-opening__find p {display:none}
  .top20-memory-opening__find h2 {font-size:1.45rem;margin-bottom:10px}
  .top20-memory-opening__find .top20-memory-opening__eyebrow {margin-bottom:5px}
  .top20-memory-opening__footer {padding-top:10px}
  .top20-memory-opening__footer>span {display:none}
}
@media(max-width:430px) {
  .top20-memory-opening__eyebrow {font-size:.57rem;letter-spacing:.06em;line-height:1.3}
  .top20-memory-opening__feature-copy h1 {font-size:1.45rem}
  .top20-memory-opening__artist {font-size:.84rem}
  .top20-memory-opening__song {font-size:.8rem}
  .top20-memory-opening__feature-links a {font-size:.73rem}
  .top20-memory-opening__find input {height:42px}
  .top20-memory-opening__find small {font-size:.71rem}
  .top20-memory-opening__footer a {font-size:.73rem}
}

/* BETA 2.2: czytelne wyniki natychmiastowego wyszukiwania utworów. */
.top20-memory-opening__find .listener-search__results:not(:empty){
  border:1px solid #665050;background:#191515;max-height:330px;
  overflow-y:auto;padding:4px 8px;margin-top:8px;
  scrollbar-color:#6e4444 #191515;
}
.top20-memory-opening__find .listener-search__results .listener-search__hit{
  min-height:59px;display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:9px 7px;border-bottom:1px solid #3c3030;
  color:#f5eeee;text-decoration:none;
}
.top20-memory-opening__find .listener-search__results .listener-search__hit:last-of-type{border-bottom:0}
.top20-memory-opening__find .listener-search__results .listener-search__hit:hover,
.top20-memory-opening__find .listener-search__results .listener-search__hit:focus-visible{
  background:#332121;outline:2px solid #e74b4b;outline-offset:-2px;
}
.top20-memory-opening__find .listener-search__results .listener-search__hit strong{
  color:#fff;font-weight:750;font-size:.90rem;
}
.top20-memory-opening__find .listener-search__results .listener-search__hit small{
  margin:2px 0 0;font-size:.76rem;line-height:1.3;color:#b9aaaa;
}
.top20-memory-opening__find .listener-search__results .listener-search__hit b{
  font-size:.71rem;white-space:nowrap;flex-shrink:0;color:#ffb3b3;font-weight:750;
}
.top20-memory-opening__find .listener-search__results .listener-search__message{
  padding:9px 7px;color:#c5b8b8;font-size:.82rem;line-height:1.45;margin:0;
}
.top20-memory-opening__find .listener-search__results .listener-search__suggest{
  display:block;padding:8px 7px 13px;color:#ffb3b3;font-size:.82rem;
}

/* BETA 2.3: widoczny przycisk wyszukiwania także bez JavaScript. */
.top20-memory-opening__find .listener-search__form {display:block;min-width:0}
.top20-memory-opening__find .listener-search__row {display:flex;align-items:stretch;gap:8px}
.top20-memory-opening__find .listener-search__row input {min-width:0;flex:1;width:auto}
.top20-memory-opening__find .listener-search__submit {
  flex:0 0 auto;border:1px solid #715050;border-radius:2px;
  padding:0 13px;background:#241919;color:#f6dddd;font-size:.8rem;font-weight:750;
  cursor:pointer;min-height:45px;
}
.top20-memory-opening__find .listener-search__submit:hover,
.top20-memory-opening__find .listener-search__submit:focus-visible {
  border-color:#ff4545;background:#3b2020;outline-offset:2px
}
@media(max-width:1000px) and (min-width:701px) {
  .top20-memory-opening__find .listener-search__form {grid-column:2;grid-row:1/6}
}
@media(max-width:420px) {
  .top20-memory-opening__find .listener-search__submit {padding:0 10px;font-size:.76rem}
}

/* TOP20 - większe symbole zmian tygodnia. Zmiana wyłącznie na stronie głównej.
   Ikona zajmuje około 85% pola, a na telefonie skaluje się wraz z układem. */
body[data-page="index.php"] .weekly-story-card {
    --top20-weekly-icon-box: clamp(54px, 4.5vw, 72px);
    grid-template-columns: var(--top20-weekly-icon-box) minmax(0, 1fr);
    gap: clamp(9px, 1vw, 14px);
    align-items: center;
    padding: 16px 12px;
}
body[data-page="index.php"] .weekly-story-card__icon {
    display: grid;
    place-items: center;
    width: var(--top20-weekly-icon-box);
    height: var(--top20-weekly-icon-box);
    font-size: calc(var(--top20-weekly-icon-box) * .85);
    font-weight: 900;
    line-height: 1;
    border-radius: 12px;
    flex: none;
}
@media (max-width: 900px) {
    body[data-page="index.php"] .weekly-story-card {
        --top20-weekly-icon-box: 54px;
        padding: 14px 10px;
        gap: 9px;
    }
}
@media (max-width: 620px) {
    body[data-page="index.php"] .weekly-story-card {
        --top20-weekly-icon-box: 46px;
        padding: 12px 8px;
        gap: 8px;
    }
    body[data-page="index.php"] .weekly-story-card__icon {
        border-radius: 10px;
    }
}