.anatomy{--anatomy-badge-bg:var(--charcoal);--anatomy-badge-text:white;--anatomy-outline:var(--coral-soft);margin-top:1.875rem}.anatomy-figure{margin:0;position:relative}@media (min-width:40rem) and (min-height:40rem){.anatomy{margin-top:0}.anatomy-figure{z-index:1;margin-inline:calc(var(--space-3)*-1);padding:1.875rem var(--space-3)var(--space-3);background:var(--cream);position:sticky;top:0}}.anatomy-figure .accordion-row{cursor:default}.anatomy-figure .accordion .accordion-title{margin-bottom:var(--space-5)}.anatomy-figure .accordion-row{padding:var(--space-6)0}.anatomy-figure .accordion-answer{padding-top:var(--space-5);padding-bottom:var(--space-6)}.anatomy-figure .accordion-answer:before{top:calc(var(--space-5) + .55em)}.anatomy-highlight{border:2px dashed var(--anatomy-outline);background:color-mix(in srgb,var(--anatomy-outline)14%,transparent);pointer-events:none;border-radius:6px;position:absolute}.anatomy-hint{margin-top:var(--space-4);font-size:var(--type-note-size);color:var(--text-primary);font-style:italic}.anatomy-hint--touch{display:none}@media (hover:none){.anatomy-hint--hover{display:none}.anatomy-hint--touch{display:inline}}.anatomy-list{margin:var(--space-3)calc(var(--space-3)*-1)var(--space-7);gap:0;padding:0;list-style:none;display:grid}.anatomy-part{align-items:baseline;gap:var(--space-3);width:100%;padding:var(--space-1)var(--space-3);color:var(--charcoal);font:inherit;font-size:var(--text-md);line-height:var(--leading-normal);text-align:left;cursor:default;transition:background var(--motion-hover-duration)var(--motion-ease-standard);background:0 0;border:0;border-radius:6px;margin:0;display:flex}.anatomy-part.is-active{background:color-mix(in srgb,var(--anatomy-outline)25%,transparent)}.anatomy-tag{background:var(--anatomy-badge-bg);width:1.25rem;height:1.25rem;color:var(--anatomy-badge-text);font-family:var(--font-sans);font-size:.75rem;font-weight:var(--font-semibold);border-radius:50%;flex:none;place-items:center;line-height:1;display:inline-grid;transform:translateY(-1px)}.anatomy-optional{margin-left:var(--space-2);border:1px solid color-mix(in srgb,var(--charcoal)25%,transparent);font-size:.6875rem;font-weight:var(--font-medium);letter-spacing:.04em;text-transform:uppercase;vertical-align:.15em;border-radius:999px;padding:.0625rem .4375rem;line-height:1.4;display:inline-block}.anatomy .anatomy-detail{margin:0 0 var(--space-2);padding-left:calc(var(--space-3)*2 + 1.25rem)}
