/* Shared UI roles. User documents, artwork and reader typography stay scoped. */
body.studio-page { font-family:var(--sprout-font-ui); }
body.studio-page #site-header #nav :is(button,a),
body.studio-page #private-study-root .ps-app .ps-sidebar nav button,
.site-header nav a {
  font-family:var(--sprout-font-ui);
  font-size:var(--sprout-type-nav-size);
  font-weight:var(--sprout-type-nav-weight);
  line-height:var(--sprout-type-nav-line);
  letter-spacing:0;
}
body.studio-page #site-header #nav :is(button,a) .icon,
.site-header nav a svg {
  width:var(--sprout-icon-nav);height:var(--sprout-icon-nav);
  stroke-width:var(--sprout-icon-stroke);flex-shrink:0;
}
body.studio-page #private-study-root .ps-app .ps-sidebar nav button svg {
  width:var(--sprout-icon-section);height:var(--sprout-icon-section);
  stroke-width:var(--sprout-icon-stroke);
}
body.studio-page :is(.studio-section-head h2,.sh-section h2,.english-section-heading h2,.public-shelf-section-head h2),
body.studio-page #private-study-root .ps-app :is(.ps-panel>header h2,.ws-panel-header h2),
body .my-section h2,
body.studio-page.children-view .study-layout :is(.study-family-head h2,.study-section-head h2,.kids-section-title h2,.grade-heading strong,.pp-shelf-heading h2,.why-preview>header h2) {
  font-family:var(--sprout-font-ui);
  font-size:var(--sprout-type-section-title-size);
  font-weight:var(--sprout-type-section-title-weight);
  line-height:var(--sprout-type-section-title-line);
  letter-spacing:0;
}
body.studio-page :is(.studio-section-head h2,.sh-section h2,.english-section-heading h2) :is(.icon,svg) {
  width:var(--sprout-icon-section);height:var(--sprout-icon-section);
  stroke-width:var(--sprout-icon-stroke);flex-shrink:0;
}