/* container */
.gf-shell{ margin-bottom:16px; }
.gf-row{ display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; gap:12px; margin-bottom:16px; }
@media (max-width:1200px){ .gf-row{ grid-template-columns:1fr 1fr 1fr; } }
@media (max-width:768px){ .gf-row{ grid-template-columns:1fr; } }

/* columns */
.gf-col{ background:#fff; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; }

/* post card (server-provided html) */
.gf-post{ padding:10px; font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif; }
.gf-hd{ display:flex; align-items:center; gap:8px; margin-bottom:6px; }
.gf-avatar{ width:36px; height:36px; border-radius:9999px; object-fit:cover; }
.gf-hmeta{ display:flex; align-items:center; gap:6px; font-size:13px; color:#6b7280; }
.gf-author{ font-weight:600; color:#111827; text-decoration:none; }
.gf-author:hover{ text-decoration:underline; }
.gf-dot{ opacity:.6; }
.gf-time{ color:#6b7280; text-decoration:none; }
.gf-time:hover{ text-decoration:underline; }

.gf-body{ font-size:14px; color:#111827; line-height:1.45; margin:8px 0; word-wrap:anywhere; }
.gf-media{ margin-top:8px; }
.gf-img{ width:100%; height:auto; display:block; border-radius:8px; }
.gf-youtube, .gf-link{ font-size:13px; color:#2563eb; word-break:break-all; }

.gf-ft{ display:flex; align-items:center; gap:8px; margin-top:8px; font-size:12px; color:#6b7280; }
.gf-gap{ width:8px; display:inline-block; }
.gf-tag, .gf-mention{ color:#2563eb; text-decoration:none; }
.gf-tag:hover, .gf-mention:hover{ text-decoration:underline; }

.gf-loading, .gf-error, .gf-empty{ font-size:13px; color:#6b7280; }
.gf-error{ color:#b91c1c; }
.gf-row-title{
  font-size:14px; font-weight:700; color:#111827;
  margin: 2px 0 8px 2px;
}
.gf-row-title{
  font-size:14px; font-weight:700; color:#111827;
  margin: 2px 0 8px 2px;
}