/* Site layout overrides: kept outside the collected source regions. */
html {
  min-width: 0 !important;
  overflow-x: clip !important;
}
html[data-site-layout="home"] body {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  overflow-x: clip !important;
}
html[data-site-layout="home"] .header.index-header,
html[data-site-layout="home"] .footerr {
  left: 0;
  right: 0;
  width: 100%;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
html[data-site-layout="home"] :is(#share, #myBtn, .refresh) {
  right: max(10px, calc((100vw - 720px) / 2 + 10px));
}
html[data-site-layout="home"] :is(.bgss-qs, .sswyw-qs, .lbwb-qs, .txwh-qs) {
  flex-wrap: wrap;
  gap: .5rem;
  overflow-x: visible;
}
html[data-site-layout="home"] :is(.bgss-qs, .sswyw-qs, .lbwb-qs, .txwh-qs) li {
  margin-right: 0;
}
html[data-site-layout="home"] .box table {
  max-width: 100% !important;
  overflow-wrap: anywhere;
}
html[data-site-layout="home"] #detail-dialog {
  margin: auto;
  box-sizing: border-box;
  overflow-x: clip;
}
html[data-site-layout="home"] #detail-dialog h2 {
  min-width: 0;
  overflow-wrap: anywhere;
}
html[data-site-layout="home"] #modal .container {
  box-sizing: border-box;
  max-width: min(95%, 680px);
  overflow-wrap: anywhere;
}
html[data-site-layout="embedded"] body {
  min-width: 0 !important;
  overflow-x: clip;
}
html[data-site-layout="embedded"] .sx table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  overflow-wrap: anywhere;
}
html[data-site-layout="embedded"] .sx td span {
  display: inline-block;
}
/* The navigation artwork and its link coordinates scale as a single unit. */
.stage .sheet {
  left: 50%;
  top: 0;
  width: min(100%, 720px, calc(100vh * 850 / 1665));
  width: min(100%, 720px, calc(100dvh * 850 / 1665));
  height: auto;
  aspect-ratio: 850 / 1850;
  transform: translate(-50%, -10%);
}