.container[data-astro-cid-3elhdros]{max-width:var(--cmp-page-max-width);margin:0 auto;padding:var(--cmp-page-padding-block) var(--cmp-page-padding-inline)}.hero[data-astro-cid-3elhdros]{text-align:center;margin-bottom:var(--cmp-section-gap)}.hero[data-astro-cid-3elhdros] h1[data-astro-cid-3elhdros]{font-size:var(--ref-font-size-4xl);font-weight:var(--ref-font-weight-bold);color:var(--sys-fg-default);margin-bottom:var(--ref-space-4)}.subtitle[data-astro-cid-3elhdros]{font-size:var(--ref-font-size-xl);color:var(--sys-fg-secondary);margin-bottom:var(--ref-space-6);max-width:600px;margin-left:auto;margin-right:auto}.intro[data-astro-cid-3elhdros]{font-size:var(--ref-font-size-lg);color:var(--sys-fg-secondary);max-width:800px;margin:0 auto;line-height:var(--ref-line-height-relaxed)}.systems-grid[data-astro-cid-3elhdros]{display:grid;gap:var(--cmp-section-gap)}.system-card[data-astro-cid-3elhdros]{background:var(--sys-bg-card);border:1px solid var(--sys-border-subtle);border-radius:var(--cmp-card-radius);padding:var(--cmp-card-padding);transition:all var(--ref-duration-normal) var(--ref-easing-out)}.system-card[data-astro-cid-3elhdros]:hover{box-shadow:var(--ref-shadow-md);transform:translateY(calc(-1 * var(--ref-motion-raise-distance)))}.system-card[data-astro-cid-3elhdros] header[data-astro-cid-3elhdros]{display:flex;align-items:center;gap:var(--ref-space-4);margin-bottom:var(--ref-space-4);flex-wrap:wrap}.system-card[data-astro-cid-3elhdros] h2[data-astro-cid-3elhdros]{font-size:var(--ref-font-size-2xl);font-weight:var(--ref-font-weight-bold);color:var(--sys-fg-default);margin:0}.role[data-astro-cid-3elhdros]{font-size:var(--ref-font-size-sm);color:var(--sys-fg-secondary);background:var(--sys-bg-muted);padding:var(--ref-space-1) var(--ref-space-2);border-radius:var(--ref-radius-sm)}.status[data-astro-cid-3elhdros]{font-size:var(--ref-font-size-sm);font-weight:var(--ref-font-weight-medium);padding:var(--ref-space-1) var(--ref-space-2);border-radius:var(--ref-radius-sm)}.status-active[data-astro-cid-3elhdros]{background:var(--ref-color-accent-mint);color:var(--ref-color-charcoal)}.status-in-progress[data-astro-cid-3elhdros]{background:var(--ref-color-accent-corten);color:var(--ref-color-paper)}.status-archived[data-astro-cid-3elhdros]{background:var(--sys-bg-muted);color:var(--sys-fg-secondary)}.status-deprecated[data-astro-cid-3elhdros]{background:var(--ref-color-accent-crimson);color:var(--ref-color-paper)}.label[data-astro-cid-3elhdros]{font-size:var(--ref-font-size-lg);color:var(--sys-fg-secondary);margin-bottom:var(--ref-space-4);font-weight:var(--ref-font-weight-medium)}.summary[data-astro-cid-3elhdros]{font-size:var(--ref-font-size-base);color:var(--sys-fg-default);line-height:var(--ref-line-height-relaxed);margin-bottom:var(--ref-space-6)}.focus-areas[data-astro-cid-3elhdros]{margin-bottom:var(--ref-space-6)}.focus-areas[data-astro-cid-3elhdros] h3[data-astro-cid-3elhdros]{font-size:var(--ref-font-size-base);font-weight:var(--ref-font-weight-semibold);color:var(--sys-fg-default);margin-bottom:var(--ref-space-3)}.focus-areas[data-astro-cid-3elhdros] ul[data-astro-cid-3elhdros]{list-style:none;padding:0;margin:0}.focus-areas[data-astro-cid-3elhdros] li[data-astro-cid-3elhdros]{padding-left:var(--ref-space-4);position:relative;margin-bottom:var(--ref-space-2);color:var(--sys-fg-secondary);line-height:var(--ref-line-height-relaxed)}.focus-areas[data-astro-cid-3elhdros] li[data-astro-cid-3elhdros]:before{content:"→";position:absolute;left:0;color:var(--sys-fg-accent)}.links[data-astro-cid-3elhdros]{display:flex;gap:var(--ref-space-4);margin-bottom:var(--ref-space-6)}.links[data-astro-cid-3elhdros] a[data-astro-cid-3elhdros]{font-size:var(--ref-font-size-sm);font-weight:var(--ref-font-weight-medium);padding:var(--ref-space-2) var(--ref-space-4);border-radius:var(--ref-radius-md);text-decoration:none;transition:all var(--ref-duration-normal) var(--ref-easing-out)}.link-article[data-astro-cid-3elhdros]{background:var(--sys-action-accent);color:var(--sys-action-fg)}.link-article[data-astro-cid-3elhdros]:hover{background:var(--sys-action-hover)}.link-repo[data-astro-cid-3elhdros]{background:var(--sys-bg-muted);color:var(--sys-fg-default);border:1px solid var(--sys-border-subtle)}.link-repo[data-astro-cid-3elhdros]:hover{background:var(--sys-bg-card)}.link-demo[data-astro-cid-3elhdros]{background:var(--ref-color-accent-mint);color:var(--ref-color-charcoal)}.link-demo[data-astro-cid-3elhdros]:hover{background:var(--ref-color-accent-mint);opacity:.9}.tags[data-astro-cid-3elhdros]{display:flex;flex-wrap:wrap;gap:var(--ref-space-2)}.tag[data-astro-cid-3elhdros]{font-size:var(--ref-font-size-xs);color:var(--sys-fg-secondary);background:var(--sys-bg-muted);padding:var(--ref-space-1) var(--ref-space-3);border-radius:var(--ref-radius-full);border:1px solid var(--sys-border-subtle)}@media(max-width:768px){.container[data-astro-cid-3elhdros]{padding:var(--cmp-page-padding-block) var(--cmp-page-padding-inline)}.hero[data-astro-cid-3elhdros] h1[data-astro-cid-3elhdros]{font-size:var(--ref-font-size-3xl)}.system-card[data-astro-cid-3elhdros]{padding:var(--ref-space-6)}.system-card[data-astro-cid-3elhdros] header[data-astro-cid-3elhdros]{flex-direction:column;align-items:flex-start;gap:var(--ref-space-2)}.links[data-astro-cid-3elhdros]{flex-direction:column}.links[data-astro-cid-3elhdros] a[data-astro-cid-3elhdros]{text-align:center}}