@layer components{.specimen-type_wrap{gap:var(--space-8);flex-direction:column;width:100%;display:flex}.specimen-type_header{justify-content:space-between;align-items:end;gap:var(--space-3) var(--space-6);flex-wrap:wrap;display:flex}.specimen-type_note{color:var(--text-2)}.specimen-type_list{border-top:var(--border-width) solid var(--border);flex-direction:column;width:100%;display:flex}.specimen-type_row{align-items:end;gap:var(--space-3) var(--space-6);padding-block:var(--space-7);border-bottom:var(--border-width) solid var(--border);grid-template-columns:minmax(0,1fr);display:grid}.specimen-type_row.specimen-type_bodies{align-items:start;gap:var(--space-6) var(--site-gutter)}@media (min-width:48rem){.specimen-type_row{grid-template-columns:minmax(0,1fr) auto}.specimen-type_row.specimen-type_bodies{grid-template-columns:repeat(3,minmax(0,1fr))}}.specimen-type_body{gap:var(--space-4);flex-direction:column;display:flex}.specimen-type_meta{gap:var(--space-3);font-size:var(--text-small);line-height:var(--text-small-line-height);letter-spacing:var(--text-small-letter-spacing);color:var(--text-2);grid-template-columns:4rem 4.5rem 3.5rem;margin:0;display:grid}.specimen-type_meta dd{font-variant-numeric:tabular-nums;margin:0}.specimen-type_cell:first-child dd,.specimen-type_live dd{color:var(--text)}.specimen-type_live{text-align:end}.specimen-tokens_wrap{gap:var(--space-8);flex-direction:column;width:100%;display:flex}@media (min-width:64rem){.specimen-tokens_wrap{max-width:60%}}.specimen-tokens_group{gap:var(--space-5);flex-direction:column;display:flex}.specimen-tokens_header{align-items:start;gap:var(--space-4);flex-direction:column;display:flex}.specimen-tokens_note{color:var(--text-2)}.specimen-tokens_row{align-items:end;gap:var(--space-5) var(--space-6);font-size:var(--text-small);line-height:var(--text-small-line-height);flex-wrap:wrap;display:flex}.specimen-tokens_step{align-items:start;gap:var(--space-3);flex-direction:column;display:flex}.specimen-tokens_mark{width:3rem;height:3rem;box-shadow:inset 0 0 0 var(--border-width) var(--border);display:block}.specimen-tokens_dot{border-radius:var(--radius-round);background-color:var(--_token)}.specimen-tokens_block{width:var(--_token);height:var(--_token);border-radius:var(--radius-small);background-color:var(--background-3)}.specimen-tokens_shape{border-radius:var(--_token);background-color:var(--background-2);width:4rem;height:4rem}.specimen-tokens_label{gap:var(--space-1);flex-direction:column;display:flex}.specimen-tokens_value{color:var(--text-2);font-variant-numeric:tabular-nums}.specimen-theme_wrap{gap:var(--space-8);flex-direction:column;width:100%;display:flex}.specimen-theme_header{justify-content:space-between;align-items:end;gap:var(--space-3) var(--space-6);flex-wrap:wrap;display:flex}.specimen-theme_note{color:var(--text-2)}.specimen-theme_list{gap:var(--site-gutter);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:48rem){.specimen-theme_list{grid-template-columns:repeat(3,minmax(0,1fr))}}.specimen-theme_panel{justify-content:space-between;gap:var(--space-7);padding:var(--space-6);border-radius:var(--radius-main);border:var(--border-width) solid var(--border);flex-direction:column;display:flex}.specimen-theme_content{flex-direction:column;align-items:start;display:flex}.specimen-theme_roles{gap:var(--space-2) var(--space-4);color:var(--text-2);font-size:var(--text-small);line-height:var(--text-small-line-height);flex-wrap:wrap;display:flex}.specimen-theme_role{align-items:center;gap:var(--space-2);display:inline-flex}.specimen-theme_chip{border-radius:var(--radius-round);background-color:var(--_role);width:1.25em;height:1.25em;box-shadow:inset 0 0 0 var(--border-width) var(--border);flex:none}.guide_band{background:var(--background-2);padding:var(--space-8) var(--library-gutter)}.guide_band_inner{max-width:var(--max-width-main);margin-inline:auto}.guide_wrap{max-width:var(--max-width-main);gap:var(--section-space-large);flex-direction:column;margin-inline:auto;display:flex}.guide_components{gap:var(--space-8);flex-direction:column;display:flex}.guide_header{justify-content:space-between;align-items:end;gap:var(--space-3) var(--space-6);flex-wrap:wrap;display:flex}.guide_note{color:var(--text-2)}}