.page-intro{max-width:var(--container-prose)}.category-chips{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}.category-chip{display:inline-flex;align-items:center;min-height:var(--space-11);padding-inline:var(--space-4);border-radius:var(--radius-full);background:var(--indigo-soft);color:var(--indigo-deep);font-size:var(--text-sm);font-weight:500;text-decoration:none}.category-chip[aria-current=page]{background:var(--navy);color:var(--paper)}.post-cover{border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.post-cover .cover-mark{width:40px;height:40px;opacity:.5}.post-cover.accent-coral{background:var(--coral-soft)}.post-cover.accent-indigo{background:var(--indigo-soft)}.post-cover.accent-navy{background:var(--navy-soft)}.featured-post{display:grid;grid-template-columns:1fr;grid-gap:var(--space-6);gap:var(--space-6);margin-top:var(--space-10);text-decoration:none;align-items:center}@media (min-width:768px){.featured-post{grid-template-columns:3fr 2fr;gap:var(--space-12)}}.featured-post .post-cover{aspect-ratio:21/9}.featured-post .post-body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.featured-post .post-body h2{font-size:var(--text-3xl)}.featured-post .post-meta{margin-top:0}.featured-post .post-excerpt{margin-top:var(--space-1);color:var(--ink-muted);max-width:62ch}.post-meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--ink-muted);align-items:center}.post-meta .dot:before{content:"·";margin-right:var(--space-2);color:var(--line-strong)}.post-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-8);gap:var(--space-8);margin-top:var(--space-16)}@media (min-width:768px){.post-grid{grid-template-columns:repeat(3,1fr)}}.post-grid>.post-card-slot,.post-grid>a{text-decoration:none;display:flex;flex-direction:column;gap:var(--space-4)}.post-grid .post-cover{aspect-ratio:16/9;width:100%}@media (min-width:768px){.post-grid>.post-card-slot:first-child:not(:last-child),.post-grid>a:first-child:not(:last-child){grid-column:span 2}.post-grid{grid-template-rows:auto auto auto auto}.post-grid>.post-card-slot,.post-grid>a{display:grid;grid-template-rows:subgrid;grid-row:span 4}.post-grid>:first-child:not(:last-child) .post-cover{aspect-ratio:auto}.post-grid .badge{justify-self:start}}.post-grid h3{font-size:var(--text-lg);color:var(--ink-strong)}.post-card-slot{opacity:.7}.post-card-slot .post-cover{background:var(--paper-sunken)}.post-card-slot .post-meta,.post-card-slot h3{color:var(--ink-faint)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--section-y)}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-11);min-height:var(--space-11);border-radius:var(--radius-sm);font-size:var(--text-sm);text-decoration:none;color:var(--ink)}.pagination a:hover{background:var(--navy-soft)}.pagination a[aria-current=page]{background:var(--navy);color:var(--paper);font-weight:500}.pagination a.is-adjacent{color:var(--indigo-deep);font-weight:500;padding-inline:var(--space-3);width:auto}.demo-example{margin-top:var(--section-y);padding:var(--space-8);border-radius:var(--radius-lg);background:var(--paper-sunken)}.demo-example .state-caption{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--indigo-deep);background:var(--indigo-soft);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.demo-example .empty-line{font-size:var(--text-lg);color:var(--ink);max-width:48ch}.demo-example .empty-line a{color:var(--indigo-deep);font-weight:500}