.ci-legacy-content:has(> .ci-interior) {
  background:transparent;
  padding:0;
  box-shadow:none;
}
.ci-interior {
  --interior-red:#c52745;
  color:var(--ci-text);
  min-width:0;
  overflow-wrap:anywhere;
}
:root[data-ci-theme="dark"] .ci-interior {--interior-red:#ff8196}
.ci-interior :is(.ci-interior-hero,.ci-page-heading) {
  background:var(--ci-soft);
  border:1px solid var(--ci-line);
  border-top:5px solid var(--interior-red);
  border-radius:1rem;
  padding:clamp(1rem,4vw,2.5rem);
  margin:0 0 1.25rem;
}
.ci-interior :is(.ci-interior-hero,.ci-page-heading) h1 {
  font-size:clamp(1.9rem,5vw,3.5rem);
  line-height:1.12;
  margin:.15em 0;
  color:var(--ci-text);
}
.ci-interior-hero p:last-child {max-width:56ch;margin-bottom:0}
.ci-interior-kicker {font-weight:750;letter-spacing:.12em;font-size:.78rem;color:var(--interior-red);margin:0}
.ci-interior .ciBC {margin:.4rem 0 1rem;font-size:.9rem}
.ci-interior .ciBC a:has(img) {display:none}
.ci-interior .ci-interior-grid > ul {margin:0;padding:0;display:contents}
.ci-interior-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));
  gap:1rem;
}
.ci-interior-grid > ul > li,.ci-interior .ci-all-tools li {
  list-style:none;
  border:1px solid var(--ci-line);
  border-top:3px solid var(--interior-red);
  border-radius:1rem;
  background:var(--ci-surface);
  padding:clamp(.9rem,2vw,1.3rem);
  box-shadow:var(--ci-shadow);
  min-width:0;
}
.ci-interior-grid .ciIH {display:inline-block;font-size:1.13rem;margin-bottom:.3rem}
.ci-interior-grid li a {display:inline-block;padding:.36rem 0;text-underline-offset:.2em}
.ci-interior-grid .ciMS a {min-width:1.65rem;text-align:center}
.ci-interior a:focus-visible,.ci-interior :is(input,select,button,summary):focus-visible {
  outline:3px solid var(--interior-red);outline-offset:3px;
}
.ci-interior :is(input,select,textarea,img) {max-width:100%}
.ci-interior-content:not(.ci-book-wrap) :is(.ciT,.ciIE) {line-height:1.55}
.ci-interior-content {background:var(--ci-surface);border:1px solid var(--ci-line);border-radius:1rem;padding:clamp(.75rem,3vw,1.65rem);overflow:auto}
.ci-interior-content :is(input[type=submit],input[type=button],button) {min-height:44px}
.ci-interior .ci-directory-controls {display:flex;gap:.75rem;flex-wrap:wrap;align-items:end}
.ci-directory-controls label {display:flex;flex-direction:column;gap:.35rem;max-width:100%}
.ci-directory-controls label:first-child {flex:1 1 16rem}
.ci-directory-controls :is(input,select) {width:100%;min-height:44px}
.ci-interior .ci-all-tools a {display:flex;justify-content:center;min-height:44px}
.ci-interior .ci-all-tools span,.ci-interior .ci-all-tools small {display:none}
.ci-interior .ci-all-tools [hidden] {display:none}
.ci-interior details > summary {padding:.65rem 0;cursor:pointer}
.ci-interior .ci-result {border-top:4px solid var(--interior-red)}
.ci-interior .ci-result pre {white-space:pre-wrap;overflow-wrap:anywhere}

/* Page controls stay available while reading an enlarged original scan. */
.ci-book-turn {
  position: fixed;
  z-index: 4;
  inset-inline: 0;
  bottom: env(safe-area-inset-bottom, 0px);
  display: flex;
  justify-content: center;
  gap: .65rem;
  padding: .55rem;
  background: var(--ci-surface);
  border-top: 1px solid var(--ci-line);
}
.ci-book-turn a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: .5rem 1rem;
  background: var(--ci-soft);
  color: var(--ci-blue);
  border-radius: .5rem;
}
.ci-book:has(.ci-book-turn) { padding-bottom: 5rem !important; }
.ci-book-toc summary { cursor: pointer; padding-block: .65rem; }