@layer components{.cosmos-system-guide{gap:var(--cosmos-space-8);margin-top:var(--cosmos-space-12);padding-block:var(--cosmos-space-12) var(--cosmos-space-8);border-top:1px solid var(--cosmos-color-hairline);display:grid}.cosmos-system-guide__header{align-items:start;gap:var(--cosmos-space-8);grid-template-columns:minmax(0,1.45fr) minmax(18rem,.55fr);display:grid}.cosmos-system-guide__intro{gap:var(--cosmos-space-3);max-width:46rem;display:grid}.cosmos-system-guide :is(h2,h3,p,dl,dd){margin:0}.cosmos-system-guide__intro h2{letter-spacing:-.03em;overflow-wrap:anywhere;text-wrap:balance;word-break:keep-all;font-size:clamp(1.75rem,3vw,2.35rem);line-height:1.16}.cosmos-system-guide__intro>p{color:var(--cosmos-color-ink-secondary);font-size:1rem;line-height:1.68}.cosmos-system-guide__snapshot{padding:var(--cosmos-space-6);border-inline-start:3px solid var(--cosmos-color-signal);border-radius:var(--cosmos-radius-md);background:var(--cosmos-color-surface-soft)}.cosmos-system-guide__snapshot h3{overflow-wrap:anywhere;text-wrap:balance;word-break:keep-all;font-size:1.2rem;line-height:1.35}.cosmos-system-guide__snapshot dl{margin-top:var(--cosmos-space-4);border-block:1px solid var(--cosmos-color-hairline);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cosmos-system-guide__snapshot dl>div{padding-block:var(--cosmos-space-3)}.cosmos-system-guide__snapshot dl>div+div{border-inline-start:1px solid var(--cosmos-color-hairline);padding-inline-start:var(--cosmos-space-4)}.cosmos-system-guide__snapshot dt{color:var(--cosmos-color-ink-muted);font-size:.78rem}.cosmos-system-guide__snapshot dd{margin-top:var(--cosmos-space-1);color:var(--cosmos-color-ink);font-weight:700}.cosmos-system-guide__snapshot>p{margin-top:var(--cosmos-space-4);color:var(--cosmos-color-ink-secondary);font-size:.82rem;line-height:1.58}.cosmos-system-guide__chapters{border-top:1px solid var(--cosmos-color-hairline);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cosmos-system-guide__chapter{gap:var(--cosmos-space-4);padding:var(--cosmos-space-8);border-inline-end:1px solid var(--cosmos-color-hairline);grid-template-columns:2.25rem minmax(0,1fr);display:grid}.cosmos-system-guide__chapter:first-child{padding-inline-start:0}.cosmos-system-guide__chapter:last-child{border-inline-end:0;padding-inline-end:0}.cosmos-system-guide__chapter-index{color:var(--cosmos-color-signal);font-variant-numeric:tabular-nums;font-weight:700}.cosmos-system-guide__chapter-content{align-content:start;gap:var(--cosmos-space-3);display:grid}.cosmos-system-guide__chapter-label{color:var(--cosmos-color-signal);font-size:.82rem;font-weight:700}.cosmos-system-guide__chapter h3{overflow-wrap:anywhere;text-wrap:balance;word-break:keep-all;font-size:1.25rem;line-height:1.34}.cosmos-system-guide__chapter-content>p{color:var(--cosmos-color-ink-secondary);font-size:.94rem;line-height:1.68}.cosmos-system-guide__sources{gap:var(--cosmos-space-2) var(--cosmos-space-4);flex-wrap:wrap;display:flex}.cosmos-system-guide__source{align-items:center;gap:var(--cosmos-space-2);color:var(--cosmos-color-ink-muted);flex-wrap:wrap;font-size:.78rem;display:flex}@media (max-width:64rem){.cosmos-system-guide__header{grid-template-columns:minmax(0,1fr)}}@media (max-width:48rem){.cosmos-system-guide__chapters{grid-template-columns:minmax(0,1fr)}.cosmos-system-guide__chapter,.cosmos-system-guide__chapter:first-child,.cosmos-system-guide__chapter:last-child{border-inline-end:0;border-bottom:1px solid var(--cosmos-color-hairline);padding-inline:0}.cosmos-system-guide__chapter:last-child{border-bottom:0}}}