/* Signal Room V38: real previews, designed fallbacks and responsive cards */
.reading-layout{grid-template-columns:minmax(0,1fr) 280px;gap:24px}.reading-layout>*,.article-card>*{min-width:0}
.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.article-card{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:0;border-radius:22px}
.article-image{aspect-ratio:16/9;min-height:0;background:linear-gradient(135deg,hsl(var(--preview-hue,210) 34% 18%),#0c0d0e);isolation:isolate}
.article-image::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 76% 18%,hsl(var(--preview-hue,210) 74% 60%/.26),transparent 34%),linear-gradient(120deg,transparent 46%,rgba(255,255,255,.055) 47%,transparent 48%);background-size:auto,26px 26px}
.article-image img{position:relative;z-index:3;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease,transform .5s cubic-bezier(.16,1,.3,1)}
.article-image.has-preview img{opacity:1}.article-card:hover .article-image.has-preview img{transform:scale(1.025)}
.article-monogram{z-index:2;color:rgba(255,255,255,.84);font-size:clamp(38px,5vw,60px);letter-spacing:-.06em;text-shadow:0 4px 24px rgba(0,0,0,.4);transition:opacity .2s ease}
.publisher-name{position:absolute;z-index:2;left:16px;right:16px;bottom:14px;color:rgba(255,255,255,.72);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-image.has-preview .article-monogram,.article-image.has-preview .publisher-name{opacity:0;pointer-events:none}
.article-image.is-loading::after{content:"";position:absolute;z-index:4;left:-50%;top:0;width:35%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent);transform:skewX(-16deg);animation:previewShimmer 1.5s ease-in-out infinite}
.article-copy{min-height:230px;padding:20px}.article-copy h2{font-size:clamp(19px,1.8vw,24px);overflow-wrap:anywhere}.article-copy p{line-height:1.55}
.article-meta{flex-wrap:wrap}.reading-aside{position:sticky;top:calc(var(--nav) + 18px);align-self:start}.source-list.source-directory{max-height:min(55vh,470px)}
.category-row{overflow:visible}.filter-chip{white-space:nowrap}
@keyframes previewShimmer{to{left:125%}}
@media(max-width:1080px){.reading-layout{grid-template-columns:1fr}.reading-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.source-list.source-directory{max-height:340px}}
@media(max-width:760px){.article-grid{grid-template-columns:1fr}.article-copy{min-height:0}.article-image{height:auto;min-height:0}.reading-aside{grid-template-columns:1fr}.category-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.filter-chip{flex:0 0 auto}.reading-toolbar{grid-template-columns:1fr}.sort-select{width:100%}}
@media(max-width:480px){.article-card{border-radius:18px}.article-copy{padding:17px}.article-copy h2{font-size:20px}.article-meta{font-size:11px}.reading-status{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.article-image img,.article-image.is-loading::after{animation:none;transition:none}.article-card:hover .article-image.has-preview img{transform:none}}