@layer pages{.phase-head{margin-bottom:var(--space-6)}.phase-head h1{margin-top:var(--space-1)}.phase-summary{max-width:44em;margin-top:var(--space-2);font-size:var(--text-md);line-height:var(--leading-normal)}.phase-start{margin-top:var(--space-3);font-size:var(--text-sm)}.phase-section{margin-top:var(--space-7)}.phase-section>h2{margin-bottom:var(--space-4)}.phase-guides-head{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.phase-count{color:var(--color-text-muted);font-size:var(--text-sm)}.phase-filter{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.phase-filter button{align-items:center;gap:var(--space-2);min-height:2.25rem;padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-sm);cursor:pointer;display:inline-flex}.phase-filter button span{color:var(--color-text-subtle);font-variant-numeric:tabular-nums}.phase-filter button[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast)}.phase-filter button[aria-pressed=true] span{color:inherit}.phase-list h3{margin:var(--space-6) 0 var(--space-3);font-size:var(--text-md)}.phase-guide-list{gap:var(--space-3) var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,24rem),1fr));margin:0;padding:0;list-style:none;display:grid}.phase-guide-list li{gap:var(--space-1);padding:var(--space-3) 0;border-top:var(--border-width) solid var(--color-border);flex-direction:column;display:flex}.phase-guide-list a{font-weight:var(--weight-semibold)}.phase-guide-meta{color:var(--color-text-subtle);font-size:var(--text-xs)}.phase-guide-list p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0}.phase-pager{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-5);border-top:var(--border-width) solid var(--color-border);flex-wrap:wrap;display:flex}.phase-pager a{gap:var(--space-1);font-weight:var(--weight-semibold);display:grid}.phase-pager a[rel=next]{text-align:right;margin-left:auto}.phase-pager span{color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:var(--weight-regular);letter-spacing:var(--tracking-caps);text-transform:uppercase}}