.premium-stories{min-width:0;margin:18px 0 22px;padding:20px 22px 17px;border:1px solid #e6c994;border-radius:18px;background:linear-gradient(120deg,#fffdf8,#fff5e4);box-shadow:0 7px 22px rgba(94,61,24,.07)}
.premium-stories-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px}.premium-stories-eyebrow{color:#92641d;font-size:.63rem;font-weight:950;letter-spacing:.13em}.premium-stories-heading h2{margin:3px 0 3px;color:#36271f;font:800 clamp(1.22rem,2.2vw,1.55rem)/1.2 Georgia,serif}.premium-stories-heading p{margin:0;color:#786b61;font-size:.74rem}.premium-stories-heading>a{flex:none;padding:8px 11px;border:1px solid #d9bb7b;border-radius:9px;background:#fff9ec;color:#715018;font-size:.72rem;font-weight:850;text-decoration:none}.premium-stories-heading>a:hover{background:#f8e6bf}
.premium-stories-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.premium-story-item{min-width:0;text-align:center}.premium-story-item>a{display:flex;align-items:center;flex-direction:column;gap:8px;min-height:126px;padding:7px 3px;border-radius:12px;color:#3e3029;text-decoration:none}.premium-story-item>a:hover,.premium-story-item>a:focus-visible{background:#f9ebd0;outline:0}.premium-story-ring{position:relative;display:block;width:81px;height:81px;flex:none;overflow:hidden;border:3px solid #c99a39;border-radius:50%;background:#fff7e5;box-shadow:0 4px 12px #916b2e30}.premium-story-ring img,.premium-story-fallback{position:absolute;inset:4px;display:block;width:calc(100% - 8px)!important;height:calc(100% - 8px)!important;max-width:none!important;border-radius:50%;object-fit:cover!important;background:#e9d8bb}.premium-story-fallback{display:grid;place-items:center;color:#875d22;font:800 1.7rem Georgia,serif}.premium-story-name{display:-webkit-box;max-width:128px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#4d3930;font-size:.69rem;font-weight:800;line-height:1.25;overflow-wrap:anywhere}
.premium-story-dialog{width:min(420px,calc(100% - 24px));max-width:none;max-height:min(90dvh,780px);padding:0;border:1px solid #d3ab60;border-radius:18px;background:#fffaf1;color:#31251e;box-shadow:0 28px 75px #130d0b80;overflow:auto}.premium-story-dialog:not([open]){display:none}.premium-story-dialog::backdrop{background:rgba(20,14,12,.78);backdrop-filter:blur(4px)}.premium-story-panel{position:relative;padding:16px}.premium-story-progress{display:flex;gap:5px;margin:0 42px 12px 0}.premium-story-progress button{height:4px;flex:1;padding:0;border:0;border-radius:999px;background:#dbcab2;cursor:pointer}.premium-story-progress button[aria-current="true"]{background:#9f7024}.premium-story-close{position:absolute;z-index:2;top:9px;right:13px;width:30px;height:30px;border:0;border-radius:50%;background:#ffffffdc;color:#563922;font-size:1.45rem;line-height:1;cursor:pointer}.premium-story-close:hover{background:#f4e2c1}.premium-story-slide[hidden]{display:none!important}.premium-story-visual{position:relative;display:grid;place-items:center;min-height:330px;padding:13px;border-radius:12px;background:radial-gradient(circle at 50% 30%,#8c6b3f,#332a24 70%)}.premium-story-visual img{display:block;width:auto;max-width:100%;height:315px;object-fit:contain;border-radius:6px;box-shadow:0 10px 30px #120f0da8}.premium-story-label{position:absolute;z-index:1;top:22px;left:22px;padding:6px 9px;border:1px solid #eac470;border-radius:6px;background:#a77928;color:#fff;font-size:.65rem;font-weight:950;letter-spacing:.04em}.premium-story-large-fallback{display:grid;place-items:center;width:215px;height:315px;padding:25px;border-radius:8px;background:#f2e1bf;color:#614927;text-align:center;font:800 1.25rem Georgia,serif}.premium-story-details{padding:15px 4px 2px}.premium-story-details>span{color:#986b28;font-size:.69rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.premium-story-details h3{margin:5px 0;color:#34251e;font:800 1.35rem/1.22 Georgia,serif}.premium-story-details p{margin:0 0 15px;color:#6e5e51;font-size:.85rem}.premium-story-details>a{display:flex;justify-content:center;align-items:center;gap:9px;width:100%;padding:11px 14px;border-radius:9px;background:#79432e;color:#fff;font-size:.8rem;font-weight:900;text-decoration:none}.premium-story-details>a:hover{background:#623323}.premium-story-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:13px;color:#68594b;font-size:.72rem;font-weight:800}.premium-story-controls button{width:36px;height:30px;border:1px solid #d8be93;border-radius:7px;background:#fff;color:#6f481d;font-size:1rem;cursor:pointer}.premium-story-controls button:hover{background:#f7e8c9}
@media(max-width:700px){.premium-stories{padding:17px 13px 12px}.premium-stories-heading{align-items:flex-start}.premium-stories-heading p{max-width:26ch}.premium-stories-heading>a{font-size:.65rem}.premium-stories-row{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:4px}.premium-story-item{flex:0 0 92px;scroll-snap-align:start}.premium-story-ring{width:72px;height:72px}.premium-story-name{font-size:.66rem}.premium-story-dialog{width:min(420px,calc(100% - 16px));max-height:94dvh}.premium-story-panel{padding:12px}.premium-story-visual{min-height:280px}.premium-story-visual img,.premium-story-large-fallback{height:min(43dvh,310px)}}
@media(prefers-reduced-motion:reduce){.premium-stories-row{scroll-behavior:auto}}

/* Portrait book cards: keep the cover legible without changing the preview flow. */
.premium-stories{padding:22px 24px 24px}
.premium-stories-row{gap:12px}
.premium-story-item{text-align:left}
.premium-story-item>a{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;height:100%;padding:7px;border:1px solid #e8d4b4;border-radius:14px;background:#fffdfa;box-shadow:0 4px 13px rgba(78,52,28,.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.premium-story-item>a:hover,.premium-story-item>a:focus-visible{transform:translateY(-3px);border-color:#c49348;background:#fffdfa;box-shadow:0 9px 22px rgba(78,52,28,.17)}
.premium-story-item>a:focus-visible{outline:3px solid #7e5322;outline-offset:2px}
.premium-story-cover{position:relative;display:block;width:100%;aspect-ratio:2/3;overflow:hidden;border-radius:9px;background:linear-gradient(145deg,#eee0c7,#d7bc8d)}
.premium-story-cover>img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center top}
.premium-story-fallback{position:static;display:grid;place-items:center;width:100%!important;height:100%!important;padding:15px;box-sizing:border-box;border-radius:0;background:linear-gradient(145deg,#ead2a4,#b79055);color:#382514;text-align:center;font:700 1rem/1.3 Georgia,serif}
.premium-story-cover-badge{position:absolute;top:8px;left:8px;padding:5px 8px;border:1px solid #f0d189;border-radius:7px;background:#624314;color:#fff;font-size:.66rem;font-weight:850;line-height:1}
.premium-story-card-copy{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0;padding:11px 7px 6px}
.premium-story-name{display:-webkit-box;max-width:none;min-height:2.7em;-webkit-line-clamp:2;overflow:hidden;color:#34271e;font-size:.87rem;font-weight:850;line-height:1.35}
.premium-story-author{overflow:hidden;color:#675a4f;font-size:.72rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.premium-story-cta{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:auto;padding-top:10px;color:#754318;font-size:.72rem;font-weight:850}
@media(max-width:700px){.premium-stories{padding:17px 13px 18px}.premium-stories-row{gap:10px}.premium-story-item{flex:0 0 148px}.premium-story-name{font-size:.8rem}.premium-story-cover-badge{font-size:.6rem}.premium-story-card-copy{padding:9px 5px 5px}}
.premium-story-metrics{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding:7px 0 0;border-top:1px solid #eee1d1;color:#69584b;font-size:.66rem;font-weight:650;white-space:nowrap}
.premium-story-metrics>span{display:inline-flex;align-items:center;gap:3px;min-width:0}
.premium-story-metrics>span>span{color:#87502f;font-size:.77rem}
.premium-story-cta{margin-top:0;padding-top:7px}
@media(max-width:700px){.premium-story-metrics{font-size:.61rem;padding-top:6px}.premium-story-cta{padding-top:6px}}

.premium-story-trend-badge{position:absolute;right:8px;bottom:8px;max-width:calc(100% - 16px);padding:5px 7px;border-radius:7px;background:rgba(54,39,27,.86);color:#fff;font-size:.58rem;font-weight:800;line-height:1.1}

.premium-story-cover-category{
    position:absolute;
    z-index:2;
    left:8px;
    bottom:8px;
    max-width:calc(100% - 16px);
    overflow:hidden;
    padding:5px 8px;
    border:1px solid rgba(255,255,255,.35);
    border-radius:999px;
    background:rgba(46,34,25,.82);
    color:#fff8ef;
    font-size:.6rem;
    font-weight:850;
    line-height:1;
    text-overflow:ellipsis;
    white-space:nowrap;
    backdrop-filter:blur(5px);
}
.premium-story-item.is-premium .premium-story-cover-category{
    background:rgba(31,74,58,.88);
    color:#fff3c7;
}
@media(max-width:700px){
    .premium-story-cover-category{
        left:6px;
        bottom:6px;
        max-width:calc(100% - 12px);
        padding:4px 7px;
        font-size:.56rem;
    }
}

/* Readable category footer on book covers */
.premium-story-cover-category{
    position:absolute!important;
    z-index:3!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    max-width:none!important;
    padding:6px 8px!important;
    border:0!important;
    border-radius:0!important;
    background:rgba(42,31,24,.76)!important;
    color:#fff!important;
    font-size:.60rem!important;
    font-weight:700!important;
    line-height:1.2!important;
    letter-spacing:0!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    backdrop-filter:blur(4px);
}
.premium-story-item.is-premium .premium-story-cover-category{
    background:rgba(24,66,52,.82)!important;
    color:#fff7dc!important;
}
.premium-story-trend-badge{
    top:8px!important;
    right:8px!important;
    bottom:auto!important;
}
@media(max-width:700px){
    .premium-story-cover-category{
        padding:5px 6px!important;
        font-size:.56rem!important;
        font-weight:650!important;
    }
}
.premium-story-card-copy .premium-story-name{font-weight:650}