/* Optional application shell. Base token consumers remain unaffected. */
html.shared-ui { color:var(--su-ink); background:var(--su-canvas); }
.shared-ui body { margin:0; font-family:var(--su-font-body); overflow-wrap:anywhere; }
.shared-ui :is(button,input,select,textarea) { max-width:100%; min-width:0; font-family:inherit; }
.shared-ui :is(button,.su-action) { white-space:normal; }
.shared-ui :is(button,nav a,.su-action) { font-family:var(--su-font-label); text-transform:uppercase; overflow-wrap:anywhere; }
.shared-ui :is(th,.eyebrow,.field label,.mode) { font-family:var(--su-font-label); text-transform:uppercase; }
.shared-ui .su-editorial { font-family:var(--su-font-editorial); }
.shared-ui .su-art { height:240px; }
.shared-ui .su-art img { position:absolute; inset:0; }
.shared-ui .su-header-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,.48fr); gap:24px; align-items:stretch; }
.shared-ui .su-header-copy { min-width:0; align-self:center; }
.shared-ui .su-header-layout .su-art { height:230px; }
.shared-ui .su-header-layout .su-calibration { margin-bottom:18px; }
@media screen {
  html.shared-ui { color-scheme:dark; }
  .shared-ui body { background:var(--su-canvas); color:var(--su-ink); }
  .shared-ui :is(button,select,textarea,input:not([type=radio]):not([type=checkbox]):not([type=range])) { border-radius:0; }
  .shared-ui :is(input,select,textarea) { background:var(--su-field); border-color:var(--su-control-line); color:var(--su-ink); }
}
@media (max-width:760px) {
  .shared-ui .su-header-layout { grid-template-columns:1fr; gap:16px; }
  .shared-ui .su-header-layout .su-art { height:180px; }
}
@media print {
  .shared-ui body { background:#fff; color:#111; }
  .shared-ui .su-header-layout { display:block; }
}