/* Two-column layout (content + sidebar) used on home & blog */
.two-col {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 20%); /* ~80/20 split with a sensible min */
  gap: 2rem;
  align-items: start;
}

/* Keep order explicit in case DOM changes */
.two-col > .content { order: 1; }
.two-col > .home-sidebar { order: 2; }

/* Sticky subscribe card under header (optional) */
.home-sidebar .sub-card { position: sticky; top: 72px; }

@media (max-width: 900px) {
  .two-col { grid-template-columns: 1fr; }
  .two-col > .home-sidebar { margin-top: 1.5rem; }
}

/* Subscribe card visuals (re-used across pages) */
.sub-card {
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
}
.sub-title { margin: 0 0 .25rem; font-size: 1.1rem; }
.sub-copy  { margin: 0 0 .75rem; color: #6b7280; }
.sub-note  { margin: .5rem 0 .75rem; color: #6b7280; font-size: .95rem; }

.sub-link {
  display: inline-block;
  padding: 8px 12px;
  border: 1px solid #2563eb;
  border-radius: 8px;
  text-decoration: none;
  color: #2563eb;
  font-weight: 600;
}
.sub-link:hover { background:#2563eb; color:#fff; }