/* Media kit page: the plain-card layout from styles.css, with a stats list and a clips list. */
body.plain.mk { place-items: start center; }
.mk-card { width: min(100%, 720px); }
.mk-lede { margin: 0 0 8px; font: 400 17px/1.55 var(--mono); max-width: 60ch; }
.mk-asof, .mk-note { margin: 0; font: 400 13px/1.5 var(--mono); color: rgba(11, 11, 14, 0.72); }

.mk-stats { margin: 4px 0 10px; display: grid; gap: 0; }
.mk-stat { display: grid; grid-template-columns: clamp(6.5rem, 24vw, 9rem) minmax(0, 1fr); gap: 16px; align-items: baseline; padding: 12px 0; border-top: 1px dashed rgba(11, 11, 14, 0.28); }
.mk-stat:last-child { border-bottom: 1px dashed rgba(11, 11, 14, 0.28); }
.mk-stat dt { font: 900 clamp(36px, 9vw, 52px)/0.95 var(--display); font-variant-numeric: tabular-nums; }
.mk-stat dd { margin: 0; font: 400 15px/1.45 var(--mono); min-width: 0; }

.mk-clips { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 0; }
.mk-clip { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 4px 16px; align-items: baseline; padding: 12px 0; border-top: 1px dashed rgba(11, 11, 14, 0.28); }
.mk-clip:last-child { border-bottom: 1px dashed rgba(11, 11, 14, 0.28); }
.mk-clip .no { font: 700 13px/1.4 var(--mono); letter-spacing: 0.06em; }
.mk-clip .who { font: 400 15px/1.4 var(--mono); min-width: 0; }
.mk-clip .who span { color: rgba(11, 11, 14, 0.72); }
.mk-clip .views { font: 900 26px/1 var(--display); font-variant-numeric: tabular-nums; text-align: right; }
.mk-clip .watch { grid-column: 2 / -1; font: 400 13px/1.4 var(--mono); }

.mk-list { margin: 4px 0 0; padding-left: 1.2em; display: grid; gap: 6px; }
.mk-links { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.mk-cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.mk-card .btn-ghost { color: var(--ink); border-color: var(--ink); }

@media (max-width: 480px) {
  .mk-clip { grid-template-columns: minmax(0, 1fr) auto; }
  .mk-clip .no { grid-column: 1 / -1; }
  .mk-clip .watch { grid-column: 1 / -1; }
}