:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.content-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;padding:var(--space-5)}.content-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:calc(var(--radius) - 4px)}.content-card p,.prose{color:var(--muted)}.content-meta{display:flex;gap:var(--space-3);color:var(--accent2);font-size:12px}.doc-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-4)}.pdf-frame{width:100%;height:75vh;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.filter-stack{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:var(--space-2);margin-bottom:var(--space-6)}.filter-stack input,.filter-stack select{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:10px}.pagination{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-8)}.notice{padding:var(--space-5);border-right:3px solid var(--accent);background:var(--surface);border-radius:var(--radius);margin-bottom:var(--space-3)}.category-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.category-showcase a{padding:var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}@media(max-width:900px){.content-grid{grid-template-columns:repeat(2,1fr)}.filter-stack{grid-template-columns:1fr 1fr}.category-showcase{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.content-grid,.filter-stack,.category-showcase{grid-template-columns:1fr}.content-card{padding:var(--space-4)}.pdf-frame{height:65vh}}

.viewer-identity{display:flex;align-items:center;gap:.55rem;margin:1rem 0;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.035)}
.viewer-identity i{width:18px;height:18px}.video-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.65rem;margin:1rem 0}.video-info-grid>span{padding:.75rem;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
