.cms-preview-label{background:#fff1cb;color:#483315;padding:12px 24px;text-align:center;font:18px Arial,sans-serif}.reader-layout.continuation-page .story-text{grid-column:1}.quotes-list .quote-art{height:auto}
.post-neighbors{display:flex;justify-content:space-between;gap:20px;margin:26px 0}.post-neighbors a{flex:1;border:1px solid #cbbb9f;border-radius:5px;padding:12px 18px;max-width:48%;transition:background .2s}.post-neighbors a:hover{background:#b8863020}.post-neighbors span{display:block;font-size:19px;color:#815b28}.post-neighbors b{font-size:24px;font-weight:400}.related-posts{border-top:1px solid #cbbb9f;padding-top:20px;margin-top:26px}.related-posts h2{font-size:27px;font-weight:400}.related-grid{display:flex;gap:28px;flex-wrap:wrap}.related-grid a{width:150px;max-width:28%;text-align:center}.related-grid img{width:100%;height:185px;object-fit:contain;border-radius:5px;transition:transform .2s,box-shadow .2s}.related-grid a:hover img{transform:translateY(-3px);box-shadow:0 5px 12px #0002}.related-grid h3{font-size:23px;line-height:1.3;font-weight:400;margin:10px 0}.latest-slide{background:linear-gradient(130deg,#101515,#111c29);padding:25px 5% 60px;box-sizing:border-box;color:#f5ead3}.latest-slide h2{font-size:36px;color:#efae42;font-weight:400;margin:0 0 12px}.latest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.latest-grid a{color:#f5ead3;text-align:center;min-width:0}.latest-grid img{width:100%;height:clamp(130px,22vw,300px);object-fit:contain;border-radius:5px}.latest-grid span{display:block;font-size:19px;color:#d1b586;margin-top:8px}.latest-grid h3{font-size:26px;line-height:1.15;margin:4px 0;font-weight:400}.latest-grid a:hover h3{color:#ffbc4c}.slideshow:has(.latest-slide) .slide-controls{opacity:1}.slideshow:has(.latest-slide) .slide-dot,.slideshow:has(.latest-slide) .pause{min-width:36px;min-height:32px}.latest-slide:not(.active){pointer-events:none}@media(max-width:767px){.latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.latest-grid img{height:90px}.latest-grid span{font-size:17px;margin-top:3px}.latest-grid h3{font-size:23px}.latest-slide{padding:16px 5% 48px}.latest-slide h2{font-size:30px;margin-bottom:10px}.slideshow:has(.latest-slide){min-height:440px;background:#101515}.slideshow .latest-slide{height:100%}.related-grid{gap:16px}.related-grid a{width:120px;max-width:calc(50% - 8px)}.related-grid img{height:150px}.post-neighbors b{font-size:22px}}

@media(max-width:767px){.slideshow:has(.latest-slide)>.slide:not(.latest-slide){display:flex;align-items:center;background:#000}.slideshow:has(.latest-slide)>.slide:not(.latest-slide)>img{width:100%;height:auto}.latest-slide h2{font-size:27px}.latest-grid h3{font-size:21px}.latest-grid span{font-size:16px}.latest-grid{gap:10px}}

/* Center the latest-content composition and round the artwork itself. */
.latest-slide{display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;background:#18090e;padding:38px 5% 54px}
.latest-content{position:relative;z-index:1;width:100%}
.latest-slide h2{margin-bottom:20px;text-shadow:0 2px 10px #0009}
.latest-grid img{width:auto;max-width:100%;height:clamp(130px,22vw,300px);margin-inline:auto;border-radius:10px;box-shadow:0 8px 24px #0005}
.latest-grid a{display:flex;flex-direction:column;align-items:center}
.latest-grid h3{max-width:100%;text-shadow:0 2px 8px #0009}
.latest-slide::before,.latest-slide::after{content:"";position:absolute;inset:-30%;z-index:0;pointer-events:none;animation:latest-waves 24s ease-in-out infinite alternate;animation-play-state:paused}
.latest-slide::before{background:radial-gradient(ellipse at 22% 35%,#85171d 0,transparent 46%),radial-gradient(ellipse at 78% 60%,#611035 0,transparent 43%),radial-gradient(ellipse at 65% 15%,#67160c 0,transparent 48%);filter:blur(28px);opacity:.8}
.latest-slide::after{background:radial-gradient(ellipse at 45% 55%,#09070ddd 0,transparent 60%);animation-duration:31s;animation-direction:alternate-reverse}
.latest-slide.active::before,.latest-slide.active::after{animation-play-state:running}
@keyframes latest-waves{from{transform:translate(-4%,-3%) rotate(-7deg) scale(1)}to{transform:translate(6%,5%) rotate(10deg) scale(1.13)}}
@media(max-width:767px){.latest-slide{padding:24px 5% 52px}.latest-slide h2{margin-bottom:16px}.latest-grid img{height:90px;border-radius:7px}.latest-grid{row-gap:16px}}
@media(prefers-reduced-motion:reduce){.latest-slide::before,.latest-slide::after{animation:none}}

.latest-clouds{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.latest-slide.has-clouds::before,.latest-slide.has-clouds::after{display:none}

/* Recommendations share the cover column on every reader page. */
.reader-sidebar{grid-column:2;grid-row:1 / span 3;min-width:0;align-self:start}
.reader-sidebar .story-cover{width:100%;max-width:none;margin:0}
.reader-sidebar .related-posts{margin-top:24px;padding-top:14px}
.reader-sidebar>.related-posts:first-child{margin-top:0;padding-top:0;border-top:0}
.related-posts h2{font-size:25px;line-height:1.35;margin:0 0 16px}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
.related-grid a{width:auto;max-width:none;min-width:0;display:flex;flex-direction:column;align-items:center}
.related-grid img{width:auto;max-width:100%;height:auto;max-height:160px;box-shadow:none;border-radius:8px;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}
.related-grid a:hover img{box-shadow:none}.related-grid h3{font-size:22px;margin:8px 0 0}
.latest-clouds{filter:blur(8px);transform:scale(1.06)}
@media(max-width:767px){
 .reader .reader-layout{display:flex;flex-direction:column}
 .reader .story-heading{order:0}.reader-sidebar{display:contents}
 .reader .reader-sidebar .story-cover{order:1;width:56%;max-width:240px;margin:0 auto;align-self:center}
 .reader .story-text{order:2}.reader .story-bottom{order:3}
 .reader-sidebar .related-posts{order:4;width:100%;margin-top:18px}
 .reader-sidebar>.related-posts:first-child{padding-top:14px;border-top:1px solid #cbbb9f}
 .related-grid{gap:20px 16px}.related-grid img{max-height:160px}
 .latest-clouds{filter:blur(6px)}
}
.slideshow .slide:not(.latest-slide)>picture,.slideshow .slide-link,.slideshow .slide-link picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.slideshow picture img{width:100%;height:100%;object-fit:contain}.slideshow:has(.latest-slide)>.slide:not(.latest-slide){background:#000}
.post-engagement{border-top:1px solid #cbbb9f;padding-top:18px;margin-top:24px;font-size:23px}.post-engagement h2{font-size:28px;font-weight:400;margin:24px 0 12px}.rating-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}.rating-stars{display:flex;direction:rtl;gap:2px}.rating-stars button{font:30px Arial,sans-serif;background:transparent;border:0;color:#966014;min-width:44px;min-height:44px;cursor:pointer}.rating-stars button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.rating-stars button:disabled{opacity:.5;cursor:wait}.rating-summary{font-size:21px}.engagement-status{font-size:21px;min-height:1.5em;margin:8px 0}.comment-form label{display:block;margin:12px 0}.comment-form input,.comment-form textarea{display:block;box-sizing:border-box;width:100%;background:#fff9;border:1px solid #b6a78e;border-radius:5px;padding:10px;font:inherit;color:inherit}.comment-form p{font-size:20px}.post-engagement button:not([data-rating]){font:inherit;min-height:44px;cursor:pointer;background:#f3e8d5;color:#523b1f;border:1px solid #b6a78e;border-radius:5px;padding:5px 16px}.public-comments article{border-bottom:1px solid #cbbb9f;padding:12px 0}.comment-name{color:#815b28}.public-comments .comment-body{white-space:pre-wrap;overflow-wrap:anywhere}.night .post-engagement input,.night .post-engagement textarea{background:#25241f;color:#eee}.night .rating-stars button,.night .comment-name{color:#e6bc72}.quote-actions .post-engagement{border:0;margin:0;padding:0;flex:1;min-width:240px}.quote-actions .engagement-status{margin-bottom:0}.quote-actions{align-items:start}

/* Lift artwork only; retain the existing title highlight and shadow. */
.latest-grid img{transition:transform .24s ease}
@media(hover:hover){.latest-grid a:hover img{transform:translateY(-3px)}}
.latest-grid a:focus-visible img{transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){.latest-grid img{transition:none}.latest-grid a:hover img,.latest-grid a:focus-visible img{transform:none}}