/* Mediateca Phygital · stile condiviso home + /guardascolta */
.mt-griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.mt-card{margin:0;border-radius:18px;overflow:hidden;background:rgba(0,0,0,.42);border:1px solid rgba(212,163,115,.3);display:grid;align-content:start}
.mt-card video,.mt-yt{display:block;width:100%;aspect-ratio:16/9;background:#000;position:relative}
.mt-yt img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85}
.mt-yt button{position:absolute;inset:0;margin:auto;width:72px;height:72px;border-radius:50%;border:0;background:rgba(255,212,0,.92);color:#1a120c;font-size:26px;cursor:pointer;transition:transform .2s}.mt-yt button:hover{transform:scale(1.08)}
.mt-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mt-attesa{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:#c9bfb2;font-size:13px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px dashed rgba(212,163,115,.4)}
.mt-card figcaption{padding:16px 18px;color:#c9bfb2;font-size:14px;line-height:1.6}
.mt-card figcaption small{display:block;color:#d4a373;font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px}
.mt-card figcaption b{display:block;color:#e8c69a;font-size:17px;margin-bottom:6px;font-family:Georgia,serif}
.mt-card figcaption p{margin:0}
.mt-tappe{margin:10px 0 0;padding-left:18px;font-size:13px;color:#c9bfb2}.mt-tappe li{margin:3px 0}
.mt-audio audio{width:calc(100% - 36px);margin:0 18px 18px}
.mt-docs{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.mt-doc{display:inline-flex;align-items:center;padding:9px 14px;border-radius:999px;border:1px solid rgba(212,163,115,.5);color:#f5efe6;text-decoration:none;font-size:13px}.mt-doc:hover{border-color:#e8c69a;color:#e8c69a}
.mt-doc-attesa{opacity:.55;border-style:dashed;cursor:default}
.mt-hook{font-family:Georgia,serif;font-size:clamp(18px,2.2vw,24px);line-height:1.4;color:#f5efe6;margin:14px 0 22px;max-width:900px}
.mt-hook::before{content:"“";color:#d4a373}.mt-hook::after{content:"”";color:#d4a373}
.mt-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:11px 20px;border-radius:999px;background:#d4a373;color:#1a120c;font-weight:700;text-decoration:none;font-size:14px;transition:transform .2s,background-color .2s}.mt-link:hover{background:#e8c69a;transform:translateY(-2px)}