/* Media & News: grid page + homepage strip */
.md-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem; padding: .5rem 0 2rem; }
.md-card { display: flex; flex-direction: column; background: var(--store-surface); border: 1px solid #eee7db; border-radius: 16px; overflow: hidden; box-shadow: 0 1px 3px rgba(47,42,36,.05); transition: transform .16s ease, box-shadow .16s ease; }
.md-card:hover { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(44,82,40,.10); }
.md-media { position: relative; aspect-ratio: 16 / 9; background: #10100e; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.md-media img, .md-video { width: 100%; height: 100%; object-fit: cover; display: block; }
.md-ph { color: #86b06f; font-size: 2.4rem; }
.md-tag { position: absolute; top: 8px; left: 8px; background: rgba(0,0,0,.6); color: #fff; font-size: .68rem; font-weight: 800; padding: .15rem .45rem; border-radius: 999px; letter-spacing: .02em; }
.md-play { position: absolute; width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,.92); color: #2f6b34; display: inline-flex; align-items: center; justify-content: center; font-size: 1.2rem; pointer-events: none; transition: opacity .2s ease; }
.md-media.playing .md-play { opacity: 0; }
.md-body { padding: .85rem .9rem 1rem; display: flex; flex-direction: column; gap: .35rem; flex: 1; }
.md-title { margin: 0; font-size: 1rem; font-weight: 800; line-height: 1.3; color: var(--store-text); }
.md-desc { margin: 0; font-size: .88rem; color: var(--store-muted); line-height: 1.5; }
.md-foot { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-top: auto; padding-top: .5rem; }
.md-link { color: var(--store-accent); font-weight: 800; font-size: .85rem; text-decoration: none; display: inline-flex; align-items: center; gap: .25rem; }
.md-link:hover { gap: .45rem; }
.md-empty { text-align: center; padding: 3.5rem 1rem; color: var(--store-muted); }
.md-empty i { font-size: 3.5rem; color: var(--store-accent); }
.md-empty h2 { margin: .75rem 0 .35rem; color: var(--store-text); }

/* Homepage strip */
.md-strip { display: grid; grid-auto-flow: column; grid-auto-columns: 260px; gap: 1rem; overflow-x: auto; padding-bottom: .5rem; scroll-snap-type: x proximity; scrollbar-width: none; }
.md-strip::-webkit-scrollbar { display: none; }
.md-strip .md-card { scroll-snap-align: start; }

body.rm-dark .md-card { background: #221d14 !important; border-color: #3a3324 !important; }
@media (max-width: 640px) { .md-grid { grid-template-columns: 1fr 1fr; gap: .6rem; } .md-title { font-size: .9rem; } .md-desc { display: none; } }