/* Hlaðvarpið sem lítið spjald eins og Blaðið, og Valin bók úr Dreifða bókasafninu undir því. */
.podcast{--episode-cover-size:clamp(84px,8vw,112px);align-self:start;padding-bottom:20px}
.podcast .panel-heading{min-height:34px}
.podcast .episode{grid-template-columns:var(--episode-cover-size) minmax(0,1fr);align-items:center;gap:18px;margin:8px 0 16px;min-height:0;flex:none}
.podcast .episode-cover{justify-self:start}
.podcast .episode-copy{text-align:left}
.podcast .episode h3{font-size:clamp(19px,2vw,25px)}
.podcast .episode p{margin-top:5px;font-size:13px;line-height:1.45}
.podcast .audio-controls{margin-bottom:8px}

.book-panel{display:flex;flex-direction:column;gap:14px;padding:58px 25px 20px;background:#f3e6c9;transform:rotate(.45deg);container-type:inline-size}
.book-tag{--ticket-angle:4deg;--ticket-color:#f2c9a6}
.book-pick{display:grid;grid-template-columns:clamp(96px,30cqw,150px) minmax(0,1fr);align-items:center;gap:clamp(16px,5cqw,26px);flex:1}
.book-cover{display:block;transform:rotate(-3deg);transition:transform .2s}
.book-cover img{display:block;width:100%;height:auto;background:var(--paper);border:2px solid var(--ink);border-radius:4px 3px 5px 3px;box-shadow:3px 4px 0 var(--ink)}
.book-cover:hover,.book-cover:focus-visible{transform:rotate(0) translateY(-3px)}
.book-copy{min-width:0}
.book-copy .publication-eyebrow{margin:0 0 8px}
.book-copy h3{font:clamp(21px,6cqw,28px)/1.1 var(--hand);margin:0}
.book-creators{margin:5px 0 0;font-size:14px;font-weight:600}
.book-text{margin:9px 0 0;font-size:13px;line-height:1.55;color:var(--soft);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.book-panel .panel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.book-panel .publication-button{font-size:17px;min-height:44px;padding:9px 14px}
.book-library{align-self:flex-end;font-size:12px}
@media(prefers-reduced-motion:reduce){.book-cover{transition:none}}
/* Tveir dálkar á Mondrian-vísu: á breiðum skjá þrjú þrep (17 + 2 + 21). Efri raðirnar spanna 17+2 | 21 eins og áður
   en Fyrir augun spannar 2+21 og skagar inn til vinstri, svo það þrengir aðeins að Hlaðvarpinu og Valinni bók. */
@media(min-width:701px){
 .discover:has(.book-panel:not([hidden])){grid-template-columns:minmax(0,19fr) minmax(0,21fr);grid-auto-flow:row dense}
 .discover:has(.book-panel:not([hidden])) .island-panel,.discover:has(.book-panel:not([hidden])) .podcast,.book-panel{grid-column:1/2}
 .discover:has(.book-panel:not([hidden])) .newspaper-panel,.discover:has(.book-panel:not([hidden])) .arctic-panel{grid-column:2/3}
 .discover:has(.book-panel:not([hidden])) .picture{grid-column:2/3;grid-row:span 2;min-width:0}
 .book-panel{align-self:stretch}
}
@media(min-width:1001px){
 .discover:has(.book-panel:not([hidden])){grid-template-columns:minmax(0,17fr) minmax(0,2fr) minmax(0,21fr)}
 .discover:has(.book-panel:not([hidden])) .island-panel{grid-column:1/3}
 .discover:has(.book-panel:not([hidden])) .newspaper-panel,.discover:has(.book-panel:not([hidden])) .arctic-panel{grid-column:3/4}
 .discover:has(.book-panel:not([hidden])) .podcast,.book-panel{grid-column:1/2}
 .discover:has(.book-panel:not([hidden])) .picture{grid-column:2/4}
}
@media(max-width:700px){.book-panel{padding:48px 20px 20px}}