/* =========================================================
   PluggLAB — Legal pages (Privacy, Terms)
   ========================================================= */
.legal-content { max-width: 780px; }
.legal-card { padding: 2rem 2.2rem; }
.legal-card h2 {
  font-family: var(--font-display);
  font-size: 1.15rem;
  margin: 1.8rem 0 0.7rem;
  padding-top: 1.4rem;
  border-top: 1px solid var(--border);
}
.legal-card h2:first-child { margin-top: 0; padding-top: 0; border-top: none; }
.legal-card p { font-size: 0.9rem; line-height: 1.75; color: var(--text-soft); }
.legal-card a { color: var(--ice); text-decoration: underline; }
.legal-card a:hover { color: var(--text); }

@media (max-width: 620px) {
  .legal-card { padding: 1.5rem; }
}

/* ---------- BLOG ---------- */
.blog-list { display: flex; flex-direction: column; gap: 1.25rem; max-width: 780px; }
.blog-post { padding: 1.8rem 2rem; }
.blog-post-meta { display: flex; align-items: center; gap: 0.8rem; margin-bottom: 0.9rem; flex-wrap: wrap; }
.blog-post-meta time { font-family: var(--font-mono); font-size: 0.74rem; color: var(--muted); }
.blog-post h2 { font-family: var(--font-display); font-size: 1.3rem; margin-bottom: 0.7rem; }
.blog-post-summary { font-size: 0.92rem; color: var(--text); margin-bottom: 0.8rem; font-weight: 500; }
.blog-post-body { font-size: 0.88rem; color: var(--text-soft); line-height: 1.75; margin-bottom: 1.1rem; }
@media (max-width: 620px) { .blog-post { padding: 1.4rem; } }