.published-media-carousel{background:linear-gradient(145deg,#fffefa,#f5efdf);border:1px solid #e3d5ba;border-radius:1.4rem;min-width:0;padding:1rem 1rem .4rem}.published-media-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:max(260px,25% - .75rem);grid-auto-flow:column;gap:1rem;padding:.25rem .2rem .6rem;scroll-padding-inline:.2rem;display:grid;overflow-x:auto}.published-media-track::-webkit-scrollbar{display:none}.published-media-pages::-webkit-scrollbar{display:none}.published-media-track>*{scroll-snap-align:start;grid-column:auto;min-width:0}.published-media-track .published-audio-card-layout{flex-direction:column;align-items:stretch;display:flex}.published-media-track .published-audio-art{width:100%;height:148px}.published-media-track .published-audio-tools{width:auto}.published-media-track .published-content-card{flex-direction:column;display:flex}.published-media-track .published-content-card>div{min-width:0}.published-media-track .published-content-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.published-media-card{background:#fffefa;border:1px solid #e3d5ba;border-radius:1rem;flex-direction:column;padding:.6rem;display:flex;box-shadow:0 4px 14px #49301809}.published-media-card:has([data-current=true]){background:#fff9e9;border-color:#a77c36}.published-media-cover{color:#80623b;background:#f3e9d6;border-radius:.65rem;flex:0 0 148px;place-items:center;height:148px;display:grid;position:relative;overflow:hidden}.published-media-books .published-media-cover{flex-basis:164px;height:164px}.published-media-meta{color:#705a3e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.3rem;margin-block:.65rem .3rem;font-size:.66rem;display:flex}.published-media-meta>*{align-items:center;gap:.25rem;display:inline-flex}.published-media-meta>span{color:#69491f;background:#f3e6c7;border-radius:1rem;padding:.1rem .45rem;font-weight:700}.published-media-card h3{overflow-wrap:anywhere;margin:.2rem 0 .55rem;font-size:1rem;font-weight:700;line-height:1.75}.published-media-card h3 a{color:#34291f;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-decoration:none;display:-webkit-box;overflow:hidden}.published-media-card h3 a:hover{text-underline-offset:.2em;text-decoration:underline}.published-media-metrics{color:#705a3e;flex-wrap:wrap;gap:.35rem .65rem;margin-top:auto;font-size:.66rem;display:flex}.published-media-metrics span{align-items:center;gap:.25rem;display:inline-flex}.published-media-actions{margin-top:auto;padding-top:.65rem}.published-media-actions .published-audio-tools{border:0;width:auto;padding:0;display:block}.published-media-actions .published-audio-row-actions{justify-content:center;gap:6px}.published-media-actions .published-book-actions{justify-content:center;position:static}.published-media-actions .published-book-notice:not(:empty){box-shadow:none;margin-top:.4rem;position:static}.published-media-actions .published-audio-row-status{margin-top:.4rem}.published-media-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding-top:.25rem;display:flex}.published-media-controls>button{color:#69491f;cursor:pointer;background:#fffefa;border:1px solid #c8b087;border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.published-media-controls>button:hover:not([aria-disabled=true]){background:#f3e6c7}.published-media-controls>button[aria-disabled=true]{opacity:.4;cursor:default}.published-media-pages{scrollbar-width:none;max-width:65%;display:flex;overflow-x:auto}.published-media-pages button{cursor:pointer;background:0 0;border:0;flex:0 0 26px;place-items:center;width:26px;height:44px;display:grid}.published-media-pages span{background:#d1c1a4;border-radius:1rem;width:7px;height:7px}.published-media-pages button[aria-current=true] span{background:#69491f;width:22px}.published-media-carousel :focus-visible{outline-offset:2px;outline:3px solid #805311}.published-media-position{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@container published-site (width<=1100px){.published-media-track{grid-auto-columns:max(260px,33.3333% - .666667rem)}}@container published-site (width<=600px){.published-media-carousel{border-radius:1.1rem;padding:.6rem .5rem .25rem}.published-media-track{grid-auto-columns:min(100%,max(260px,85%));gap:.7rem}}
