.material-page{padding-top:36px;padding-bottom:60px}.materials-home{margin:48px 0}.materials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.material-card{display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:20px;color:var(--text);text-decoration:none}.material-card>img,.material-card-placeholder{width:100%;aspect-ratio:16/9;object-fit:cover}.material-card-placeholder{display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink);font-weight:700;font-size:26px}.material-card>div{padding:20px}.material-card h2{font-size:18px;line-height:1.5;margin:10px 0}.material-card p{color:var(--muted);font-size:14px;line-height:1.6}.material-meta{font-size:13px;color:var(--muted)}.material-article{max-width:920px}.material-article h1{font-size:clamp(24px,4vw,40px);line-height:1.4;margin:18px 0 28px}.material-cover{display:block;max-width:100%;max-height:560px;margin:24px auto;border-radius:16px;object-fit:contain}.material-media{aspect-ratio:16/9;background:#0b0e13;border-radius:18px;overflow:hidden;margin:24px 0}.material-media iframe{border:0;width:100%;height:100%}.material-body{font-size:17px;line-height:1.85;overflow-wrap:anywhere}.material-body p{margin:1em 0}.material-body img{max-width:100%;height:auto}.material-body a{color:var(--accent-ink);text-decoration:underline}.material-body ul,.material-body ol{padding-left:26px}.material-preview{padding:14px 18px;background:var(--accent-soft);color:var(--accent-ink);border-radius:12px}@media(max-width:900px){.materials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.materials-grid{grid-template-columns:1fr}.material-page{padding-top:24px}.material-card>div{padding:16px}}