.media-intro{max-width:65ch;margin-top:20px;color:var(--muted)}
.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.media-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.media-card figure{margin:0;background:var(--tint);padding:20px;display:flex;justify-content:center;align-items:center;min-height:280px}
.media-card img{max-width:100%;width:auto;height:300px;object-fit:contain}
.media-card-content{padding:24px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.media-card h3{font-size:var(--s3);margin:0 0 12px}.media-card p{font-size:var(--s2);color:var(--muted);margin:0 0 20px}
.media-card .button{margin-top:auto}.media-library-note{color:var(--muted);font-size:var(--s2);margin-top:20px;max-width:70ch}
.media-video{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:center;margin-top:28px}
.media-video video{width:100%;max-height:400px;background:#111;border-radius:var(--radius)}
.media-video>img{display:block;width:100%;max-height:400px;object-fit:contain;border-radius:var(--radius)}
.media-video p{margin:16px 0 24px;max-width:55ch}
.media-source-mark{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--tint)}
.media-source-label{width:100%;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:calc(var(--radius) - 4px);background:var(--accent);color:var(--on-accent,#fff);letter-spacing:.08em;line-height:.9}
.media-source-label strong{font-family:Source,Arial,sans-serif;font-size:2.4rem}.media-source-label span{font-family:Source,Arial,sans-serif;font-size:1rem;margin-top:8px}
.media-rights-note{font-size:var(--s1)!important;color:var(--muted)}
.sharing-message{width:100%;max-width:800px;min-height:170px;display:block;padding:20px;margin:20px 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font:inherit;resize:vertical}
#message-status{min-height:1.65em;margin-top:12px;font-size:var(--s2)}
@media(max-width:650px){.media-grid,.media-video{grid-template-columns:1fr}.media-card img{height:260px}.media-video video{max-width:280px;margin-inline:auto}}