/* Shared deep-space surface; original page layouts and cover art stay intact. */
:root{color-scheme:dark;--ink:#eef1fa;--blue:#a8bfff;--paper:#070a14;--muted:#aeb7cb;--line:#c4d0ff28}
html{background:#020308}
body{background:transparent;isolation:isolate}
#cosmos{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#020308;contain:strict}
#cosmos canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
#cosmos-dust{mix-blend-mode:screen}
::selection{background:#8d70d465;color:#fff}
header,footer,.topicbar,.section,.collection-group,.shelf-controls{border-color:var(--line)}
.search-btn{color:var(--ink)}
.intro,.about-story>p,.about-contact p,.item-summary p,.item-review p,.video-lead,.detail-rating{color:#cad1e2}
.btn{background:#b5c6ff;border-color:#b5c6ff;color:#101426}
.btn:hover{background:#d2dcff;color:#101426}
.tab[aria-pressed=true],.blog-all,.moderation .post-tags button[aria-pressed=true]{background:#becdff;border-color:#becdff;color:#101426}
.tab:hover{border-color:#b5c6ff80;color:#e4eaff}
.tab[aria-pressed=true]:hover{color:#101426}
.post-card,.topic-panel,.shelf-card,.archive-item{background:#090d1bd6;border-color:#c4d0ff25;box-shadow:0 12px 40px #0002}
.post-card:hover{border-color:#aabfff70}
/* Matching editorial tiles with a restrained, soft white edge. */
.post-card,.video-card{border:1px solid #ffffff30;border-radius:9px;background:#090d1bd6;box-shadow:0 0 0 1px #ffffff08,0 0 17px #ffffff14,0 12px 36px #0003}
.video-card{display:flex;flex-direction:column;min-width:0;overflow:hidden}
.video-card .video-thumbnail-link{margin:8px 8px 0}
.video-card .thumb{margin-bottom:0;border-radius:5px}
.video-card-content{padding:26px 25px;display:flex;flex-direction:column;flex:1}
.video-card h3{font:600 19px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:-.3px;margin-bottom:12px}
.video-card .meta{margin-bottom:18px}
.video-card .video-date{margin-top:auto;padding-top:12px}
.home .video-card-content{padding:20px}
.home .video-card h3{font:400 20px/1.45 'Libre Baskerville',Georgia,serif}
.post-card:hover,.video-card:hover{border-color:#ffffff48;box-shadow:0 0 0 1px #ffffff0c,0 0 20px #ffffff1a,0 12px 36px #0003}
/* The title's native link stretches across the tile; category links sit above it. */
.post-card,.video-card,.media-card{position:relative;isolation:isolate}
.post-card h3 a::after,.video-card h3 a::after,.media-caption h3 a::after{content:'';position:absolute;inset:0;z-index:1;border-radius:9px}
.post-card .post-tags a{position:relative;z-index:2}
.post-card h3 a:focus-visible,.video-card h3 a:focus-visible,.media-caption h3 a:focus-visible{outline:none}
.post-card h3 a:focus-visible::after,.video-card h3 a:focus-visible::after,.media-caption h3 a:focus-visible::after{outline:3px solid #b5c6ff;outline-offset:3px}
.post-card .post-preview{line-height:1.8;margin-bottom:12px}
.preview-fading-word{opacity:var(--word-opacity)}
.post-preview-ellipsis{opacity:.28}
.post-card .post-tags{margin-top:auto;margin-bottom:0;padding-top:18px}
.post-tags a{border-color:#a8bfff55}
.topic-panel li a,.category-index li a{text-decoration-color:#a8bfff55}
.notice,.sample,.video-topics span{background:#b4c5ff12;color:#ccd6ec}
.article{max-width:804px;padding:32px;background:#060a14d9;border:1px solid #c4d0ff16;border-radius:12px}
.article h1{margin-top:24px}
.video-article{max-width:854px}
.about-story,.shelf-detail-copy{background:#060a14bd;border-radius:12px;padding:28px}
.home .hero{background:transparent}
.home .hero-photo{opacity:.85;-webkit-mask-image:linear-gradient(90deg,#000 30%,transparent 98%);mask-image:linear-gradient(90deg,#000 30%,transparent 98%)}
.home .hero:after{background:linear-gradient(90deg,#02030808 25%,#02030822 50%,#02030855 75%,transparent)}
.home .hero .intro{color:#e0e5f1}
.home .hero .eyebrow,.home nav a:hover,.home .logo:hover{color:#b4c8ff}
.home .hero .btn{background:#b5c6ff;border-color:#b5c6ff;color:#101426}
.play{background:#11172ee6;color:#fff}
.shelf-tags a{color:#c3d0ff;background:#a8bfff10;border-color:#a8bfff38}
.shelf-tags a:hover{background:#a8bfff25}
.media-rating{color:#e9bc78}
.cover-object{box-shadow:0 0 0 1px #ffffff66,0 0 14px 3px #ffffff2b,0 0 26px #ffffff0a,8px 12px 20px #0008}
.media-tile:hover .cover-object,.media-card:hover .cover-object{transform:rotateY(-8deg) rotateZ(-1deg) translateY(-3px);box-shadow:0 0 0 1px #ffffff73,0 0 16px 3px #ffffff33,0 0 28px #ffffff0d,11px 14px 20px #0008}
.post-search,.shelf-controls input,.shelf-controls select,dialog input,.comment-form input:not([type=checkbox]),.comment-form textarea{background:#0b1020;color:#eef1fa;border-color:#c4d0ff40}
input::placeholder,textarea::placeholder{color:#8894ae}
dialog{background:#0b1020;color:var(--ink);border-color:#a8bfff44;box-shadow:0 25px 100px #000b}
dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}
dialog .close{color:var(--ink)}
.reader-actions{background:#060a14d9;padding:25px 28px 28px;border-radius:10px}
.share-menu nav a,.share-menu nav button,.moderation .post-tags button,.moderation .comment-item button{background:#11182b;color:var(--ink);border-color:var(--line)}
.comment-item header{background:transparent}
.cover-ribbon{scrollbar-color:#8397ce55 transparent}
/* Rows reach toward the viewport edges; the viewport determines the item count. */
.ribbon-shell{--ribbon-gutter:clamp(24px,3.5vw,64px);width:calc(100vw - var(--ribbon-gutter) - var(--ribbon-gutter));margin-inline:calc((100% - 100vw)/2 + var(--ribbon-gutter))}
.cover-ribbon{--ribbon-fade-size:64px;--ribbon-fade-left:0px;--ribbon-fade-right:0px;grid-auto-columns:190px;gap:20px;padding:14px 4px 24px;scroll-padding-inline:4px}
.cover-ribbon.has-more-left{--ribbon-fade-left:var(--ribbon-fade-size)}
.cover-ribbon.has-more-right{--ribbon-fade-right:var(--ribbon-fade-size)}
.cover-ribbon,.cover-ribbon.has-more-left,.cover-ribbon.has-more-right{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--ribbon-fade-left),#000 calc(100% - var(--ribbon-fade-right)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--ribbon-fade-left),#000 calc(100% - var(--ribbon-fade-right)),transparent 100%)}
.cover-ribbon.content-ribbon{grid-template-columns:none;grid-auto-columns:clamp(290px,29vw,354px);align-items:stretch;padding-inline:18px;scroll-padding-inline:18px}
.home .home-shelf .media-grid{grid-template-columns:none}
@media(min-width:651px) and (max-width:900px){.cover-ribbon{grid-auto-columns:172px;gap:18px}}
@media(max-width:650px){.ribbon-shell{--ribbon-gutter:18px}.cover-ribbon{--ribbon-fade-size:42px;grid-auto-columns:146px;gap:14px}}
@media(max-width:650px){.cover-ribbon.content-ribbon{grid-auto-columns:min(82vw,330px)}nav{gap:clamp(8px,2.4vw,18px);font-size:11px}}
@media(min-width:651px) and (max-width:900px){.video-card-content{padding:20px 18px}}
@media(max-width:650px){
 .video-card-content,.home .video-card-content{padding:24px}
 .article{padding:22px 18px;margin-left:-6px;margin-right:-6px}
 .about-story,.shelf-detail-copy{padding:22px 18px}
 .reader-actions{padding:24px 18px}
 .home .hero-photo{-webkit-mask-image:linear-gradient(180deg,#000 65%,transparent);mask-image:linear-gradient(180deg,#000 65%,transparent)}
 .home .hero:after{background:linear-gradient(180deg,#02030855,transparent 35%,#02030855)}
}
@media(prefers-reduced-motion:reduce){#cosmos-dust{display:none}html{scroll-behavior:auto}}
@media print{#cosmos{display:none}html,body{background:#fff;color:#111}.article,.about-story,.shelf-detail-copy{background:#fff;color:#111;border:0}.article a{color:#234878}}