/* Editorial: long-form reading, quiet paper and serif display type. */
.ccn-archetype-editorial h1,
.ccn-archetype-editorial .section-heading h2,
.ccn-archetype-editorial .card-title,
.ccn-archetype-editorial .article-header h1 {
  font-family: var(--ccn-serif);
  font-weight: 650;
}
.ccn-archetype-editorial .home-hero { background-image: linear-gradient(90deg, rgba(23, 74, 58, 0.06) 1px, transparent 1px); background-size: 32px 32px; }
.ccn-archetype-editorial .content-card { display: grid; align-content: start; }
.ccn-archetype-editorial .section-heading { display: grid; grid-template-columns: auto 1fr; align-items: end; gap: 1rem; border-bottom: 2px solid var(--ccn-ink); }

/* Review: clear comparison surfaces without synthetic scores or ratings. */
.ccn-archetype-review .home-hero { border-top: 8px solid var(--ccn-primary); background: #eef3f6; }
.ccn-archetype-review .content-card { padding: 1rem; border: 1px solid var(--ccn-line); border-top: 4px solid var(--ccn-primary); background: var(--ccn-surface); }
.ccn-archetype-review .content-card { transition: transform 180ms cubic-bezier(.2,.8,.2,1); }
.ccn-archetype-review .content-card:hover { border-top-color: var(--ccn-accent); transform: translateY(-2px); }
.ccn-archetype-review .text-link { color: var(--ccn-accent); }

/* Utility: compact scanning, strong labels and list-like hierarchy. */
.ccn-archetype-utility .home-hero { background-color: var(--ccn-soft); background-image: linear-gradient(rgba(40, 80, 74, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(40, 80, 74, 0.08) 1px, transparent 1px); background-size: 24px 24px; }
.ccn-archetype-utility .post-grid { counter-reset: utility-card; }
.ccn-archetype-utility .content-card { position: relative; padding-inline-start: 3.5rem; }
.ccn-archetype-utility .content-card::before { position: absolute; inset-block-start: 0; inset-inline-start: 0; color: var(--ccn-accent); content: counter(utility-card, decimal-leading-zero); counter-increment: utility-card; font-size: 1.35rem; font-weight: 800; font-variant-numeric: tabular-nums; }
.ccn-archetype-utility .card-media { border-radius: 0; }

@media (min-width: 1024px) {
  .ccn-archetype-editorial .post-grid { grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.65fr); }
  .ccn-archetype-editorial .content-card:nth-child(3n + 1) { grid-row: span 2; }
  .ccn-archetype-review .post-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .ccn-archetype-review .content-card:nth-child(odd) { grid-column: span 7; }
  .ccn-archetype-review .content-card:nth-child(even) { grid-column: span 5; }
  .ccn-archetype-utility .post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  .ccn-archetype-review .content-card:hover { transform: none; }
}