/* =========================================================
   File: assets/css/blog.css
   Project: DumagueteAA QCS Lite
   Version: 0.1.0

   Purpose:
   Updates / Blog Capability styling.

   Philosophy:
   Updates are communication infrastructure.
   Updates are not content marketing.

   Supports:
   - Updates section teaser
   - Update cards
   - Archive page
   - Single update view
   - Friday Updates
   - Convention announcements

   ========================================================= */


/* =========================================================
   01) UPDATES SECTION
   ========================================================= */

.daa-updates {
  background: var(--daa-bg-page);
}


/* =========================================================
   02) UPDATES GRID
   ========================================================= */

.daa-updates-grid {
  display: grid;
  gap: var(--daa-space-md);
}


/* =========================================================
   03) UPDATE CARD
   ========================================================= */

.daa-update-card {
  padding: var(--daa-space-md);

  background: var(--daa-bg-card);

  border: 1px solid var(--daa-border-soft);
  border-radius: var(--daa-radius-soft);
}

.daa-update-card h3 {
  margin-bottom: 0.5rem;
}


/* =========================================================
   04) UPDATE META
   ========================================================= */

.daa-update-meta {
  margin-bottom: var(--daa-space-sm);

  color: var(--daa-text-muted);
  font-size: 0.95rem;
}


/* =========================================================
   05) UPDATE EXCERPT
   ========================================================= */

.daa-update-excerpt {
  margin-bottom: var(--daa-space-sm);
}


/* =========================================================
   06) UPDATE LINK
   ========================================================= */

.daa-update-link {
  font-weight: 600;
}


/* =========================================================
   07) ARCHIVE LAYOUT
   ========================================================= */

.daa-updates-archive {
  max-width: var(--daa-max-content);
  margin: 0 auto;
}


/* =========================================================
   08) SINGLE UPDATE
   ========================================================= */

.daa-update-single {
  max-width: var(--daa-max-content);
  margin: 0 auto;
}

.daa-update-single-header {
  margin-bottom: var(--daa-space-lg);
}


/* =========================================================
   09) UPDATE CONTENT
   ========================================================= */

.daa-update-content {
  line-height: 1.8;
}


/* =========================================================
   10) UPDATE NAVIGATION
   ========================================================= */

.daa-update-navigation {
  margin-top: var(--daa-space-xl);

  padding-top: var(--daa-space-md);

  border-top: 1px solid var(--daa-border-soft);
}