.tvs-material-cards{--tvs-material-columns:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(180px,calc((100% - (var(--tvs-material-columns) - 1)*20px)/var(--tvs-material-columns)))),1fr));gap:20px;margin-block:28px}
.tvs-material-card{display:block;min-width:0;overflow:hidden;border:1px solid var(--tvs-border);border-radius:var(--tvs-radius);background:var(--tvs-surface)}
.tvs-material-card h3{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:20px;font-size:22px}
.tvs-material-description{margin:0;padding:0 20px 20px;color:var(--tvs-muted);font-size:15px;line-height:1.7;overflow-wrap:anywhere}
.tvs-material-card-art{display:grid;place-items:center;height:180px;background:var(--tvs-soft);color:var(--tvs-ink)}
.tvs-material-card-art>.tvs-icon{width:54px;height:54px}
.tvs-material-card-image{height:180px;background:var(--tvs-soft);overflow:hidden}
.tvs-material-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.tvs-material-card-linked{transition:border-color .3s ease,box-shadow .3s ease}
.tvs-material-card-linked:hover{color:var(--tvs-ink);border-color:var(--tvs-accent);box-shadow:0 6px 20px #172a3510}
.tvs-material-original{border:1px solid var(--tvs-border);border-radius:12px;padding:0 20px;background:var(--tvs-surface)}
.tvs-material-original summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;cursor:pointer;font-weight:600;list-style:none}
.tvs-material-original summary::-webkit-details-marker{display:none}
.tvs-material-original[open] summary>.tvs-icon{transform:rotate(180deg)}
.tvs-material-original .tvs-source-list{margin:0 0 20px}
.tvs-material-navigation{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:28px 12px;font-size:13px}
.tvs-material-navigation ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.tvs-material-navigation li:not(:last-child)::after{content:'/';margin-inline-start:8px;color:var(--tvs-muted)}
.tvs-material-navigation a{display:inline-flex;align-items:center;gap:8px;min-height:44px;transition:color .25s}
.tvs-material-navigation a:hover{color:var(--tvs-accent)}
.tvs-material-back>.tvs-icon{transform:rotate(180deg);width:18px;height:18px}
.tvs-material-heading{padding-block:12px 24px}
.tvs-material-heading h1{margin:0;font-size:clamp(36px,5vw,60px);letter-spacing:-1px}
.tvs-material-section{padding-block:24px}
.tvs-material-section h2{font-size:clamp(24px,3vw,34px);margin:0 0 20px}
.tvs-material-image{max-width:900px;overflow:hidden;border-radius:var(--tvs-radius)}
.tvs-material-image img{width:100%;height:auto}
.tvs-material-section .tvs-actions{margin:0}
@media(min-width:600px){.tvs-material-cards{--tvs-material-columns:2}}
@media(min-width:1024px){.tvs-material-cards{--tvs-material-columns:3}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.tvs-material-card-linked:hover .tvs-material-card-image img{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.tvs-material-card-image img,.tvs-material-card-linked,.tvs-material-navigation a{transition:none}}