/* Legacy hierarchy presentation only. Shared colors/spacing/fonts remain tokens. */
.ms-taxonomy {
  width: 100%;
  max-width: var(--ms-content-width);
  margin-inline: auto;
  padding-block: var(--ms-space-8);
  color: var(--ms-ink);
  background: var(--ms-white);
  font-family: var(--ms-font-body);
}
.ms-taxonomy__intro { margin-bottom: var(--ms-space-6); }
.ms-taxonomy__intro h2 {
  margin: 0 0 var(--ms-space-4);
  font-family: var(--ms-font-heading);
  font-size: 36px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: -.025em;
}
.ms-taxonomy__intro p { margin: 0; color: var(--ms-muted); font-size: 16px; line-height: 1.5; }
.ms-taxonomy__all { display: inline-flex; margin-top: var(--ms-space-4); }
.ms-taxonomy__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ms-space-5); align-items: start; }
.ms-taxonomy__card { min-width: 0; background: var(--ms-surface); }
.ms-taxonomy__card-body { display: flex; flex-direction: column; align-items: flex-start; gap: var(--ms-space-4); padding: var(--ms-space-5); }
.ms-taxonomy__card h3 { margin: 0; font-family: var(--ms-font-heading); font-size: 24px; font-weight: 500; line-height: 1.5; letter-spacing: -.025em; overflow-wrap: anywhere; }
.ms-taxonomy__card h3 a { color: var(--ms-ink); }
.ms-taxonomy a, .ms-taxonomy-nav a { color: var(--ms-accent); text-decoration: none; overflow-wrap: anywhere; }
.ms-taxonomy a:hover, .ms-taxonomy-nav a:hover { color: var(--ms-accent-hover); text-decoration: underline; text-underline-offset: .2em; }
.ms-taxonomy a:focus-visible, .ms-taxonomy-nav a:focus-visible { outline: 3px solid var(--ms-accent); outline-offset: 4px; }
.ms-taxonomy__children { display: flex; flex-direction: column; gap: var(--ms-space-4); list-style: none; margin: 0; padding: 0; width: 100%; }
.ms-taxonomy__children li { display: flex; align-items: baseline; gap: var(--ms-space-2); min-width: 0; margin: 0; padding: 0; }
.ms-taxonomy__branch { flex: 0 0 auto; color: var(--ms-accent); font-size: 16px; }
.ms-taxonomy__children a { display: inline-block; font-size: 16px; font-weight: 400; line-height: 1.5; }
.ms-taxonomy__browse, .ms-taxonomy__more, .ms-taxonomy__all { font-size: 16px; font-weight: 500; line-height: 1.5; }
.ms-taxonomy__count { margin: 0; font-size: 14px; line-height: 1.5; color: var(--ms-muted); }
.ms-taxonomy--featured .ms-taxonomy__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; }
.ms-taxonomy--featured .ms-taxonomy__card { display: flex; flex-direction: column; }
.ms-taxonomy--featured .ms-taxonomy__card-body { flex: 1; }
.ms-taxonomy--featured .ms-taxonomy__browse { margin-top: auto; padding-top: var(--ms-space-2); }
.ms-taxonomy__image { display: block; width: 100%; aspect-ratio: 8 / 5; background: var(--ms-surface); }
.ms-taxonomy__image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.ms-taxonomy-nav { margin-block: var(--ms-space-5); padding: var(--ms-space-5); background: var(--ms-surface); font-family: var(--ms-font-body); }
.ms-taxonomy-nav__back { display: flex; flex-wrap: wrap; gap: var(--ms-space-4) var(--ms-space-5); }
.ms-taxonomy-nav__back a { font-size: 16px; line-height: 1.5; }
.ms-taxonomy-nav__label { margin: var(--ms-space-5) 0 var(--ms-space-4); font-weight: 500; }
.ms-taxonomy-nav .ms-taxonomy__children { flex-direction: row; flex-wrap: wrap; gap: var(--ms-space-3) var(--ms-space-5); padding: 0; }
.ms-taxonomy-nav [aria-current="page"] { color: var(--ms-ink); font-weight: 500; text-decoration: underline; text-underline-offset: .2em; }
@media (max-width: 1000px) {
  .ms-taxonomy--featured .ms-taxonomy__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .ms-taxonomy { padding: var(--ms-space-7) var(--ms-space-5); }
  .wrap > .ms-taxonomy { padding-inline: 0; }
  .ms-taxonomy__grid, .ms-taxonomy--featured .ms-taxonomy__grid { grid-template-columns: minmax(0, 1fr); }
  .ms-taxonomy__intro h2 { font-size: 30px; line-height: 1.35; }
  .ms-taxonomy__children { gap: var(--ms-space-2); }
  .ms-taxonomy__children a, .ms-taxonomy__browse, .ms-taxonomy__more, .ms-taxonomy__all, .ms-taxonomy-nav__back a { min-height: 44px; display: inline-flex; align-items: center; }
  .ms-taxonomy-nav__back, .ms-taxonomy-nav .ms-taxonomy__children { flex-direction: column; align-items: flex-start; gap: var(--ms-space-2); }
}
