/* Compact screenshot cards; shared site branding remains in styles.css. */
.intro{min-height:0;padding-top:38px;padding-bottom:38px;gap:48px;grid-template-columns:minmax(0,1fr) 290px}
.intro h1{font-size:clamp(2rem,3.4vw,3.3rem);max-width:720px;margin-bottom:16px}
.intro .lead{font-size:1rem;margin:0;max-width:670px}
.signal-card{min-height:170px;padding:20px;border-radius:18px}
.rings{width:75px;height:75px;top:31%}.rings span:nth-child(2){inset:12px}.rings span:nth-child(3){inset:24px}.rings b{inset:32px}
.catalog{padding-top:38px}.catalog .section-heading h2{font-size:2.25rem}
.toolbar{flex-wrap:wrap;gap:14px}.toolbar .search{flex:1 1 230px;max-width:360px}.filters{gap:6px}.filter{font-size:.875rem;padding:8px 12px}
.catalog-groups{display:grid;gap:36px}.format-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.format-heading h3{font-size:1.35rem;letter-spacing:-.02em;margin:0 0 3px}.format-heading p{font-size:.875rem;color:var(--muted);margin:0}.format-heading>span{font-size:.875rem;color:var(--muted);white-space:nowrap}
.trailer-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,225px),1fr));gap:14px;align-items:start}
.trailer-card{border-radius:12px;width:100%;max-width:310px}.trailer-card:hover{transform:translateY(-2px)}
.card-visual{aspect-ratio:16/9;padding:0;display:grid;place-items:center;background:#e4eaf0;border-bottom:1px solid var(--line)}
.card-visual::before,.card-visual::after{content:none}.card-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#e4eaf0}
.screenshot-placeholder{font-size:.875rem;color:#5a687a;text-align:center;padding:18px}
.card-body{padding:12px;gap:6px}.card-body h4{font-size:1rem;margin:0;line-height:1.4}.card-body .compact-specs{font-size:.875rem;color:var(--muted);margin:0 0 5px}
.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.media-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;font-size:.7rem;line-height:1;font-weight:800;letter-spacing:.05em}.hdr-badge{background:#fff0bf;color:#73520b;border:1px solid #e7c866}
.entry-note{display:block;font-size:.875rem;color:#73520b}.card-actions{gap:6px;margin-top:3px;flex-wrap:wrap}.card-actions button,.card-actions a{padding:9px 7px;border-radius:7px;font-size:.875rem;line-height:1.3;flex:1 1 auto;min-height:40px}
.download:disabled,.dialog-link:disabled{background:#edf1f5;border:1px solid #d8e0e7;color:#637081;cursor:not-allowed;box-shadow:none}
.dialog-link{width:100%;font:inherit;cursor:pointer}.category-empty{padding:20px;border:1px dashed #c8d2dd;border-radius:10px;color:var(--muted);margin:0;font-size:1rem}
.category-empty button{font:inherit;padding:8px 16px;border:1px solid var(--line);border-radius:8px;background:white;cursor:pointer}
#archiv,#glossar,#hinweise{scroll-margin-top:100px}
@media(max-width:900px){.intro{grid-template-columns:1fr}.signal-card{display:none}.toolbar .search{max-width:none;flex-basis:100%}}
@media(max-width:620px){.intro{padding-top:30px;padding-bottom:30px}.catalog{padding-top:30px}.trailer-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,225px),1fr))}.trailer-card{max-width:310px}.format-heading{align-items:start}.format-heading p{max-width:27ch}}