/* =============================================================
   Allred Systems - blog scoped styles (single posts + archive + category)
   Builds on allred-v3.css --as-* tokens. Loaded only on blog views via
   functions.php (is_home || is_singular('post') || is_category || is_tag...).
   The native <details> FAQ accordion is already styled in allred-v3.css.
   ============================================================= */

/* ---------- Article reading typography ---------- */
.ars-article { font-size: 1.06rem; line-height: 1.72; color: var(--as-ink); }
.ars-article > h2 { margin: var(--as-space-2xl) 0 var(--as-space-sm); }
.ars-article > h3 { margin: var(--as-space-xl) 0 var(--as-space-xs); }
.ars-article > h2:first-child,
.ars-article > h3:first-child { margin-top: 0; }
.ars-article p { margin: 0 0 var(--as-space-md); }
.ars-article ul,
.ars-article ol { margin: 0 0 var(--as-space-md); padding-left: 1.4rem; }
.ars-article li { margin-bottom: 0.4rem; }
.ars-article li:last-child { margin-bottom: 0; }
.ars-article img { max-width: 100%; height: auto; border-radius: var(--as-radius-sm); margin: var(--as-space-md) 0; }
.ars-article a { font-weight: 500; }
.ars-article strong { color: var(--as-ink); }
.ars-article .callout { margin: var(--as-space-xl) 0; }
.ars-article .accordion { margin: var(--as-space-lg) 0; border-top: none; }

/* ---------- Post hero meta (on navy page-hero) ---------- */
.ars-post-meta {
  font-family: var(--as-font-mono); font-size: 0.78rem; letter-spacing: 0.04em;
  color: rgba(255,255,255,0.62); margin-top: var(--as-space-md);
}
.ars-post-meta a { color: var(--as-blue); text-decoration: none; }
.ars-post-meta a:hover { color: #fff; }

/* ---------- Tags line ---------- */
.ars-tags {
  margin-top: var(--as-space-xl); padding-top: var(--as-space-md);
  border-top: 1px solid var(--as-border);
  font-family: var(--as-font-mono); font-size: 0.8rem; color: var(--as-slate);
}
.ars-tags a { color: var(--as-blue-ink); text-decoration: none; }
.ars-tags a:hover { text-decoration: underline; }

/* ---------- Archive card refinements (on top of .card) ---------- */
.ars-post-card .ars-card-cat {
  font-family: var(--as-font-mono); font-size: 0.7rem; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--as-blue-ink); margin-bottom: 0.4rem;
}
.ars-post-card h3 { margin: 0 0 0.4rem; }
.ars-post-card h3 a { color: var(--as-ink); text-decoration: none; }
.ars-post-card h3 a:hover { color: var(--as-blue-ink); }
.ars-post-card .ars-card-date { font-family: var(--as-font-mono); font-size: 0.74rem; color: var(--as-slate); margin: 0; }
.ars-post-card .card-link { margin-top: 0.6rem; }

/* ---------- Post navigation cards ---------- */
.ars-postnav .card { text-decoration: none; }
.ars-postnav .ars-nav-label {
  font-family: var(--as-font-mono); font-size: 0.7rem; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--as-slate); margin-bottom: 0.3rem;
}
.ars-postnav .card h3 { font-size: 1.05rem; margin: 0; }

/* ---------- Category filter pills ---------- */
.ars-cat-pills {
  display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center;
  margin-bottom: var(--as-space-xl);
}
.ars-cat-pills a {
  font-family: var(--as-font-mono); font-size: 0.76rem; letter-spacing: 0.04em;
  text-decoration: none; padding: 0.4rem 0.9rem; border: 1px solid var(--as-border);
  border-radius: 999px; color: var(--as-slate); background: #fff;
  transition: color var(--as-dur) var(--as-ease), border-color var(--as-dur) var(--as-ease), background var(--as-dur) var(--as-ease);
}
.ars-cat-pills a:hover { border-color: var(--as-blue-ink); color: var(--as-blue-ink); }
.ars-cat-pills a.is-active { background: var(--as-blue-ink); border-color: var(--as-blue-ink); color: #fff; }

/* ---------- Blog index section title (h2 for heading hierarchy) ---------- */
.ars-section-title {
  font-size: 1.35rem;
  line-height: 1.2;
  margin: 0 0 var(--as-space-lg, 1.5rem);
  color: var(--as-ink);
}

/* ---------- Blog index intro block (thin-content fix) ---------- */
.ars-tips-intro { padding-top: 0; padding-bottom: var(--as-space-xl, 2.5rem); }
.ars-tips-intro p { font-size: 1.05rem; line-height: 1.7; color: var(--as-slate, #475569); margin-bottom: 1rem; }
.ars-tips-intro p:last-child { margin-bottom: 0; }