.hierarchy-comparison:where(.astro-ds2qb4zy){margin-block:var(--teaching-space-6);border:1px solid var(--teaching-color-border);border-radius:var(--teaching-radius-lg);background:var(--teaching-color-surface-low);box-shadow:var(--teaching-shadow-sm);padding:var(--teaching-space-5)}header:where(.astro-ds2qb4zy){margin-block-end:var(--teaching-space-2)}.eyebrow:where(.astro-ds2qb4zy){margin:0 0 var(--teaching-space-1);color:var(--teaching-color-muted);font-size:var(--teaching-font-size-label);letter-spacing:.04em;text-transform:uppercase;font-weight:700}h3:where(.astro-ds2qb4zy){color:var(--teaching-color-ink);margin:0;font-size:1.25rem}.reading-order:where(.astro-ds2qb4zy){margin:0 0 var(--teaching-space-4);color:var(--teaching-color-muted);font-size:var(--teaching-font-size-body-sm)}.comparison-grid:where(.astro-ds2qb4zy){gap:var(--teaching-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.comparison-panel:where(.astro-ds2qb4zy){border:1px solid var(--teaching-color-border);border-radius:var(--teaching-radius-md);background:var(--teaching-color-surface);min-width:0;padding:var(--teaching-space-4);grid-template-rows:auto 1fr auto;display:grid}.unclear:where(.astro-ds2qb4zy){border-style:dashed}.deliberate:where(.astro-ds2qb4zy){border-color:var(--teaching-color-primary)}.panel-label:where(.astro-ds2qb4zy){gap:var(--teaching-space-2);flex-wrap:wrap;align-items:baseline;margin-block-end:var(--teaching-space-3);display:flex}.panel-label:where(.astro-ds2qb4zy) span:where(.astro-ds2qb4zy){border:1px solid var(--teaching-color-outline);border-radius:var(--teaching-radius-full);padding:.15rem var(--teaching-space-2);color:var(--teaching-color-muted);font-size:var(--teaching-font-size-label);text-transform:uppercase;font-weight:700}.panel-label:where(.astro-ds2qb4zy) strong:where(.astro-ds2qb4zy){color:var(--teaching-color-ink)}.page-sample:where(.astro-ds2qb4zy){border:1px solid var(--teaching-color-border);border-radius:var(--teaching-radius-sm);background:var(--teaching-color-surface-low);min-width:0;padding:var(--teaching-space-3);color:var(--teaching-color-ink)}.page-sample:where(.astro-ds2qb4zy) p:where(.astro-ds2qb4zy){margin:var(--teaching-space-2) 0;font-size:var(--teaching-font-size-body-sm);line-height:1.45}.sample-nav:where(.astro-ds2qb4zy){gap:var(--teaching-space-2);border-block-end:1px solid var(--teaching-color-border);color:var(--teaching-color-muted);font-size:var(--teaching-font-size-label);flex-wrap:wrap;margin-block-end:var(--teaching-space-2);padding-block-end:var(--teaching-space-2);display:flex}.unclear-title:where(.astro-ds2qb4zy),.unclear-heading:where(.astro-ds2qb4zy){margin-block:var(--teaching-space-2);font-size:var(--teaching-font-size-body-sm);font-weight:600}.deliberate-nav:where(.astro-ds2qb4zy){color:var(--teaching-color-primary-strong);justify-content:flex-end;font-weight:700}.attention-marker:where(.astro-ds2qb4zy){gap:var(--teaching-space-1);margin-block:var(--teaching-space-2) var(--teaching-space-1);color:var(--teaching-color-secondary);font-size:var(--teaching-font-size-label);align-items:center;font-weight:700;display:flex}.attention-marker:where(.astro-ds2qb4zy) span:where(.astro-ds2qb4zy){border:2px solid var(--teaching-color-accent);border-radius:var(--teaching-radius-full);width:1.35rem;height:1.35rem;color:var(--teaching-color-ink);place-items:center;line-height:1;display:grid}.attention-marker:where(.astro-ds2qb4zy).secondary{margin-block-start:var(--teaching-space-5)}.attention-marker:where(.astro-ds2qb4zy).repeated{margin-block-start:var(--teaching-space-2)}.deliberate-title:where(.astro-ds2qb4zy){color:var(--teaching-color-primary-strong);font-size:clamp(1.45rem,6vw,2rem);font-weight:700;line-height:1.1}.introduction:where(.astro-ds2qb4zy){max-width:28ch;color:var(--teaching-color-muted)}.deliberate-heading:where(.astro-ds2qb4zy){color:var(--teaching-color-primary-strong);margin-block-end:var(--teaching-space-2);font-size:1.1rem;font-weight:700}.project-list:where(.astro-ds2qb4zy){gap:var(--teaching-space-2);display:grid}.project-list:where(.astro-ds2qb4zy) article:where(.astro-ds2qb4zy){border-inline-start:.25rem solid var(--teaching-color-primary);border-radius:var(--teaching-radius-sm);background:var(--teaching-color-surface);padding:var(--teaching-space-3)}.project-list:where(.astro-ds2qb4zy) strong:where(.astro-ds2qb4zy),.project-list:where(.astro-ds2qb4zy) span:where(.astro-ds2qb4zy){display:block}.project-list:where(.astro-ds2qb4zy) strong:where(.astro-ds2qb4zy){color:var(--teaching-color-ink);font-size:var(--teaching-font-size-body-sm)}.project-list:where(.astro-ds2qb4zy) span:where(.astro-ds2qb4zy){color:var(--teaching-color-muted);font-size:var(--teaching-font-size-label);margin-block-start:var(--teaching-space-1);line-height:1.4}.panel-note:where(.astro-ds2qb4zy){margin:var(--teaching-space-3) 0 0;color:var(--teaching-color-muted);font-size:var(--teaching-font-size-body-sm);line-height:1.5}figcaption:where(.astro-ds2qb4zy){border-block-start:1px solid var(--teaching-color-border);color:var(--teaching-color-muted);font-size:var(--teaching-font-size-body-sm);margin-block-start:var(--teaching-space-4);padding-block-start:var(--teaching-space-4);line-height:1.55}@media (width<=40rem){.hierarchy-comparison:where(.astro-ds2qb4zy){border-radius:var(--teaching-radius-md);padding:var(--teaching-space-4)}.comparison-grid:where(.astro-ds2qb4zy){grid-template-columns:minmax(0,1fr)}}