/* The published-video strip on the homepage.

   Deliberately restrained: a thumbnail, the title TikTok gave the video, and a
   link out. No TikTok script is loaded here — their embed would cost page
   weight, hand them the visitor's IP before they click anything, and make our
   own homepage break whenever their side does. */
.floor{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  gap:34px;align-items:center}
.floor__t h2{margin:6px 0 10px}
.floor__t .prose{margin:0;max-width:40ch}
.floor__l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}

.floor__c{display:grid;background:#fff;border:1px solid var(--line);
  border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;
  transition:border-color .15s,transform .15s}
.floor__c:hover{border-color:var(--brand);transform:translateY(-2px)}
.floor__i{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#EEF2F0}
.floor__b{display:grid;gap:4px;padding:13px 15px 15px}
.floor__b b{font-size:13.5px;line-height:1.4;color:var(--ink)}
.floor__b i{font-style:normal;font-size:12px;color:var(--muted)}
.floor__go{font-size:12px;font-weight:700;color:var(--brand);margin-top:3px}

/* One card and one column when there is not enough width for a grid of two —
   a single narrow card centred would read as a mistake. */
.floor__l[data-n="1"]{grid-template-columns:minmax(0,1fr);max-width:420px}

@media (max-width:900px){
  .floor{grid-template-columns:1fr;gap:22px}
  .floor__t .prose{max-width:none}
  .floor__l{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media (max-width:560px){
  .floor__l{grid-template-columns:minmax(0,1fr)}
}