/* r14 restores the r12 composition. Do not override its frame, PC column
   dimensions, image ratios, heading system, chapter order or hero duration. */
.iqb-detail[data-iqb-refinement] { --header: var(--header-offset, var(--most-header-height, 88px)); }
.iqb-detail[data-iqb-refinement] section[id] { scroll-margin-top: 0; }
.iqb-detail[data-iqb-refinement] .film-controls button,
.iqb-detail[data-iqb-refinement] .model-tools button,
.iqb-detail[data-iqb-refinement] #iqb-expanded-toggle { min-height: 44px; }
.iqb-detail[data-iqb-refinement] #film-expand { width: auto; min-width: 80px; min-height: 44px; padding: 10px 12px; font-size: var(--most6-meta-size,14px); }
.iqb-detail[data-iqb-refinement] .contact-caption h3 { margin-top: 0; }
.iqb-detail[data-iqb-refinement] .contact-record figure > button::after { content: none; }
.iqb-detail[data-iqb-refinement] .image-open-label { min-height: 44px; display: inline-flex; align-items: center; padding: 10px 14px; }
.iqb-detail[data-iqb-refinement] .contact-nav button:focus-visible,
.iqb-detail[data-iqb-refinement] #record-open:focus-visible { outline-color: var(--ink); }
.iqb-detail[data-iqb-refinement] .lab-description a { white-space: normal; min-height: 44px; padding-block: 8px; }
.iqb-detail[data-iqb-refinement] .iqb-collaboration-note { margin-top: 16px; }
.iqb-detail[data-iqb-refinement] .dialog-close { position: sticky; top: 0; z-index: 5; min-width: 80px; min-height: 44px; background: var(--ink); }
.iqb-detail[data-iqb-refinement] .film-dialog { max-height: calc(100dvh - 32px); overscroll-behavior: contain; }
html[data-page="iqb"]:has(dialog[open]) { overflow: hidden; }
@media (max-width: 650px) {
  /* Keep the established vertical selector and photograph beneath it.
     Each existing row has one compact English/Japanese pair. */
  .iqb-detail[data-iqb-refinement] .contact-nav { display: grid; grid-template-columns: minmax(0,1fr); margin-top: 18px; }
  .iqb-detail[data-iqb-refinement] .contact-nav button { grid-template-columns: minmax(80px,.7fr) minmax(0,1.65fr); gap: 6px 12px; align-items: center; align-content: center; padding: 9px 0; min-height: 44px; height: auto; border-right: 0; border-top: 1px solid var(--paper-line); }
  .iqb-detail[data-iqb-refinement] .contact-nav > button:first-child { border-top: 0; }
  .iqb-detail[data-iqb-refinement] .contact-nav > button:last-child { border-bottom: 0; }
  .iqb-detail[data-iqb-refinement] .contact-nav .number,
  .iqb-detail[data-iqb-refinement] .contact-nav .arrow { display: none; }
  .iqb-detail[data-iqb-refinement] .contact-nav .title { grid-column: 1; grid-row: 1; font-size: 14px; line-height: 1.6; }
  .iqb-detail[data-iqb-refinement] .contact-nav small { grid-column: 2; grid-row: 1; font-size: 14px; line-height: 1.6; }
  .iqb-detail[data-iqb-refinement] .contact-nav button[aria-pressed="true"] small { color: inherit; }
  .iqb-detail[data-iqb-refinement] .image-open-label { font-size: 14px; }
  .iqb-detail[data-iqb-refinement] .photo-dialog { width: calc(100vw - 16px); max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px); padding: 12px; }
  .iqb-detail[data-iqb-refinement] .photo-dialog img { max-height: calc(100dvh - 140px); }
}
