/* Keep the original editorial width on normal desktop screens. Only unusually
   tall viewports scale the composition; ultrawide space becomes side margins. */
@media(min-width:901px) {
  .research-page .container{width:min(1360px,calc(100% - 80px))}
  .research-page .site-header{padding-inline:max(40px,calc((100% - 1360px)/2))}
}
@media(min-width:1200px) and (min-height:780px) {
  .research-document{
    --ui:clamp(1px,min(.069444vw,.083333svh),1.8px);
    --header-height:calc(64 * var(--ui));
    --lab-dock-height:calc(48 * var(--ui) + env(safe-area-inset-bottom,0px));
    scroll-padding-top:var(--header-height);
  }
  .research-page .container{width:min(calc(1360 * var(--ui)),calc(100% - 80 * var(--ui)))}
  .research-page .site-header{height:var(--header-height);min-height:var(--header-height);padding-inline:max(calc(40 * var(--ui)),calc((100% - 1360 * var(--ui))/2));gap:calc(22 * var(--ui))}
  .lab-identity{gap:calc(18 * var(--ui))}.lab-logo{width:calc(103 * var(--ui))}
  .lab-identity-copy{padding-left:calc(18 * var(--ui));gap:calc(3 * var(--ui))}
  .lab-identity-copy strong{font-size:calc(13 * var(--ui));max-width:none}.lab-identity-copy>span{font-size:calc(11 * var(--ui))}
  .lab-location .lab-location-flag{width:calc(12 * var(--ui));height:calc(12 * var(--ui))}
  .research-page .site-header nav{gap:calc(22 * var(--ui))}.research-page .site-header nav a{font-size:calc(12 * var(--ui))}
  .header-github{font-size:calc(12 * var(--ui));padding:calc(8 * var(--ui)) calc(11 * var(--ui));gap:calc(11 * var(--ui))}
  .github-label,.github-stars{gap:calc(6 * var(--ui))}.github-label img{width:calc(17 * var(--ui));height:calc(17 * var(--ui))}
  .github-stars{font-size:calc(11 * var(--ui));padding-left:calc(10 * var(--ui))}.github-stars svg{width:calc(14 * var(--ui));height:calc(14 * var(--ui))}

  .research-page :is(.research-intro,.examples-section,.integrations-section,.performance-section,.method-section){min-height:calc(var(--page-viewport) - var(--header-height))}
  .research-page .research-intro{padding-block:calc(28 * var(--ui)) calc(44 * var(--ui))}
  .research-page .paper-frontmatter{height:min(calc(610 * var(--ui)),calc(var(--page-viewport) - var(--header-height) - 80 * var(--ui)));gap:calc(40 * var(--ui))}
  .research-page .paper-masthead .publication-title{font-size:calc(34 * var(--ui))}
  .research-page .publication-venue{font-size:calc(10 * var(--ui));margin-bottom:calc(12 * var(--ui))}
  .research-page .publication-authors{font-size:calc(11.5 * var(--ui));gap:calc(10 * var(--ui));margin-top:calc(17 * var(--ui))}
  .research-page .publication-affiliations{font-size:calc(14 * var(--ui));gap:calc(9 * var(--ui));margin-top:calc(9 * var(--ui))}
  .affiliation-logo{width:calc(22 * var(--ui))}
  .research-page .publication-resources{gap:calc(8 * var(--ui));margin-top:calc(19 * var(--ui))}
  .research-page .publication-resources :is(button,a){font-size:calc(14 * var(--ui));padding:calc(8 * var(--ui)) calc(14 * var(--ui));gap:calc(8 * var(--ui))}
  .publication-resources :is(img,svg){width:calc(17 * var(--ui));height:calc(17 * var(--ui))}
  .publication-introduction{margin-top:calc(21 * var(--ui));padding-top:calc(17 * var(--ui))}
  .research-page .publication-introduction .research-name-note{font-size:calc(12 * var(--ui))}
  .publication-abstract{margin-top:calc(17 * var(--ui))}
  .research-page .publication-abstract h2{font-size:calc(13 * var(--ui));margin-bottom:calc(8 * var(--ui))}
  .publication-abstract>p{font-size:calc(13 * var(--ui))}
  .publication-runtimes{gap:calc(26 * var(--ui));margin-top:calc(17 * var(--ui));padding-top:calc(12 * var(--ui))}
  .runtime-label{font-size:calc(12 * var(--ui))}.publication-runtimes>a{font-size:calc(17 * var(--ui));gap:calc(10 * var(--ui))}
  .runtime-logo{width:calc(40 * var(--ui));height:calc(40 * var(--ui))}.runtime-logo img{width:calc(34 * var(--ui));height:calc(34 * var(--ui))}

  .universal-showcase{padding:calc(22 * var(--ui));border-radius:calc(12 * var(--ui));--preview-label-size:calc(12 * var(--ui));--preview-meta-size:calc(11 * var(--ui))}
  .showcase-heading{padding-bottom:calc(16 * var(--ui))}
  .research-page .showcase-heading h2{font-size:calc(25 * var(--ui));gap:calc(9 * var(--ui))}
  .macaq-heading-logo{width:calc(31 * var(--ui));height:calc(31 * var(--ui))}
  .showcase-modalities{font-size:calc(15 * var(--ui));margin-top:calc(7 * var(--ui))}
  .showcase-tabs button{font-size:calc(13 * var(--ui));min-height:calc(43 * var(--ui));gap:calc(7 * var(--ui));padding:calc(10 * var(--ui)) calc(3 * var(--ui)) calc(12 * var(--ui))}
  .showcase-tabs button svg{width:calc(15 * var(--ui));height:calc(15 * var(--ui))}
  .preview-model{padding:calc(14 * var(--ui)) 0 calc(12 * var(--ui));gap:calc(8 * var(--ui))}
  .preview-model>img{width:calc(29 * var(--ui));height:calc(29 * var(--ui))}.preview-model strong{font-size:calc(13 * var(--ui))}
  .preview-model-header{padding-block:calc(12 * var(--ui));gap:calc(10 * var(--ui))}
  .quantization-details-link{font-size:calc(11 * var(--ui));max-width:calc(116 * var(--ui));padding:calc(5 * var(--ui)) calc(7 * var(--ui))}
  .quantization-details-link svg{width:calc(14 * var(--ui));height:calc(14 * var(--ui))}
  .audio-language{font-size:calc(11 * var(--ui));padding:calc(5 * var(--ui)) calc(10 * var(--ui));gap:calc(5 * var(--ui))}
  .audio-language .language-flag,.examples-choice .audio-choice-language .language-flag{height:calc(12 * var(--ui))}
  .preview-media-pair,.preview-text-pair,.preview-audio-pair{gap:calc(10 * var(--ui))}
  .preview-media-pair figure{grid-template-rows:calc(25 * var(--ui)) minmax(0,1fr)}
  .preview-video-pair figure{height:100%}.preview-video-pair{align-items:stretch}
  .preview-video-frame video{object-fit:cover}
  .preview-image-divider>span{width:calc(29 * var(--ui));height:calc(29 * var(--ui));font-size:calc(16 * var(--ui))}
  .preview-caption{margin-top:calc(13 * var(--ui));padding-top:calc(11 * var(--ui))}
  .preview-prompt{font-size:calc(12 * var(--ui));grid-template-columns:calc(45 * var(--ui)) minmax(0,1fr);gap:calc(9 * var(--ui))}
  .preview-text-pane{padding:calc(11 * var(--ui)) calc(12 * var(--ui)) calc(9 * var(--ui))}
  .code-editor-tab{font-size:calc(10 * var(--ui));margin-top:calc(10 * var(--ui));padding-block:calc(7 * var(--ui))}
  .universal-showcase .preview-text-output{font-size:calc(11 * var(--ui));margin-block:calc(9 * var(--ui))}
  .preview-text-state{font-size:calc(10 * var(--ui));padding-top:calc(7 * var(--ui))}
  .preview-audio-card{padding:calc(13 * var(--ui)) calc(11 * var(--ui))}
  .preview-audio-card audio{height:calc(34 * var(--ui))}.audio-art img{max-height:calc(90 * var(--ui))}.preview-audio-variant .audio-art img{max-height:calc(48 * var(--ui))}
  .reconstruction-input>img{width:calc(42 * var(--ui));height:calc(30 * var(--ui))}

  .research-page :is(.examples-section,.integrations-section,.performance-section,.method-section){padding-block:calc(54 * var(--ui)) calc(14 * var(--ui))}
  .examples-return,.integration-return,.performance-return,.method-return{top:calc(14 * var(--ui))}
  .research-scroll-cue{bottom:calc(9 * var(--ui))}
  .section-scroll-link,.research-scroll-cue{font-size:calc(12 * var(--ui));gap:calc(8 * var(--ui));min-height:calc(30 * var(--ui));padding:calc(5 * var(--ui)) calc(9 * var(--ui))}
  .section-scroll-link svg,.research-scroll-cue svg{width:calc(17 * var(--ui));height:calc(17 * var(--ui))}
  .research-page :is(.examples-heading,.integration-heading,.performance-heading,.method-heading){margin-bottom:calc(18 * var(--ui));gap:calc(24 * var(--ui))}
  .research-page :is(.examples-heading,.integration-heading,.performance-heading,.method-heading) h2{font-size:calc(31 * var(--ui))}
  .research-page :is(.examples-heading,.integration-heading,.performance-heading,.method-heading) .section-kicker{font-size:calc(11 * var(--ui));margin-bottom:calc(5 * var(--ui))}
  .performance-heading p,.method-heading p{font-size:calc(13 * var(--ui));margin-top:calc(6 * var(--ui))}
  .examples-workspace{height:calc(var(--page-viewport) - var(--header-height) - 210 * var(--ui));min-height:calc(360 * var(--ui));padding:calc(18 * var(--ui)) calc(24 * var(--ui)) calc(22 * var(--ui));--preview-label-size:calc(14 * var(--ui));--preview-meta-size:calc(12 * var(--ui))}
  .examples-workspace .showcase-tabs button{font-size:calc(14 * var(--ui));min-height:calc(46 * var(--ui))}
  .examples-workspace .showcase-tabs button svg{width:calc(17 * var(--ui));height:calc(17 * var(--ui))}
  .examples-workspace .showcase-panel{grid-template-rows:calc(70 * var(--ui)) minmax(0,1fr) calc(64 * var(--ui)) minmax(calc(58 * var(--ui)),max-content)}
  .examples-workspace .preview-model{padding-block:calc(16 * var(--ui)) calc(14 * var(--ui));gap:calc(10 * var(--ui))}
  .examples-workspace .preview-model-header .preview-model{padding:0}
  .examples-workspace .preview-model>img{width:calc(34 * var(--ui));height:calc(34 * var(--ui))}.examples-workspace .preview-model strong{font-size:calc(16 * var(--ui))}
  .examples-workspace .quantization-details-link{max-width:none;font-size:calc(12 * var(--ui));padding:calc(7 * var(--ui)) calc(10 * var(--ui))}
  .examples-workspace :is(.preview-media-pair,.preview-text-pair,.preview-audio-pair){gap:calc(18 * var(--ui))}
  .examples-workspace .preview-media-pair figure{grid-template-rows:calc(28 * var(--ui)) minmax(0,1fr)}
  .examples-workspace .preview-image-divider>span{width:calc(38 * var(--ui));height:calc(38 * var(--ui));font-size:calc(19 * var(--ui))}
  .examples-workspace .preview-text-pane{padding:calc(16 * var(--ui)) calc(18 * var(--ui)) calc(12 * var(--ui))}
  .examples-workspace .preview-text-output{font-size:calc(14 * var(--ui))}.examples-workspace .code-editor-tab,.examples-workspace .preview-text-state{font-size:calc(12 * var(--ui))}
  .examples-workspace .preview-prompt{font-size:calc(13 * var(--ui));grid-template-columns:calc(50 * var(--ui)) minmax(0,1fr)}
  .examples-workspace .preview-caption{margin-top:calc(10 * var(--ui));padding-top:calc(9 * var(--ui))}
  .examples-choices{gap:calc(8 * var(--ui));padding-top:calc(12 * var(--ui))}
  .examples-choice{font-size:calc(12 * var(--ui));gap:calc(10 * var(--ui));padding:calc(5 * var(--ui)) calc(12 * var(--ui)) calc(5 * var(--ui)) calc(5 * var(--ui))}
  .examples-choice img{width:calc(66 * var(--ui))}.examples-choice:not(:has(img)){font-size:calc(13 * var(--ui));padding:calc(9 * var(--ui)) calc(15 * var(--ui))}
  .examples-choice .audio-choice-language{font-size:calc(10 * var(--ui))}
  .examples-replay{top:calc(17 * var(--ui));font-size:calc(12 * var(--ui));padding:calc(7 * var(--ui)) calc(10 * var(--ui))}
  .examples-workspace .preview-audio-card{padding:calc(15 * var(--ui))}.examples-workspace .preview-audio-variant{padding:calc(8 * var(--ui)) calc(12 * var(--ui))}
  .examples-workspace .preview-audio-card audio{height:calc(36 * var(--ui))}
  .examples-workspace .reconstruction-input>img{width:calc(58 * var(--ui));height:calc(34 * var(--ui))}
  .examples-workspace .reconstruction-tools,.examples-workspace .reconstruction-tools button{font-size:calc(11 * var(--ui))}
  .examples-navigation,.integration-navigation,.performance-navigation,.method-navigation{margin-top:calc(17 * var(--ui));min-height:calc(32 * var(--ui))}

  .integration-windows,.performance-panels{gap:calc(22 * var(--ui))}
  .integration-model-control,.integration-model-control select{font-size:calc(12 * var(--ui))}
  .integration-window{height:calc(var(--page-viewport) - var(--header-height) - 210 * var(--ui));min-height:calc(350 * var(--ui));grid-template-rows:calc(40 * var(--ui)) calc(62 * var(--ui)) calc(35 * var(--ui)) minmax(0,1fr) auto}
  .integration-titlebar{font-size:calc(10 * var(--ui));padding-inline:calc(18 * var(--ui))}.integration-titlebar>span:last-child{font-size:calc(10 * var(--ui))}
  .terminal-dots{gap:calc(7 * var(--ui))}.terminal-dots i{width:calc(9 * var(--ui));height:calc(9 * var(--ui))}
  .integration-toolbar,.integration-step-tabs{padding-inline:calc(20 * var(--ui))}.integration-step-tabs{gap:calc(20 * var(--ui))}
  .integration-runtime-brand{gap:calc(10 * var(--ui))}.integration-runtime-brand h3{font-size:calc(17 * var(--ui))}.integration-runtime-brand p{font-size:calc(10 * var(--ui))}
  .integration-tab-logo{width:calc(35 * var(--ui));height:calc(35 * var(--ui));padding:calc(5 * var(--ui))}
  .integration-copy,.integration-step-tabs button{font-size:calc(11 * var(--ui))}.integration-copy{padding:calc(7 * var(--ui)) calc(9 * var(--ui))}
  .integration-panel{padding:calc(18 * var(--ui)) calc(20 * var(--ui))}.integration-panel pre{font-size:calc(13 * var(--ui))}
  .integration-window-footer{font-size:calc(10 * var(--ui));padding:calc(8 * var(--ui)) calc(20 * var(--ui))}
  .model-select-field.is-rich-model-select select{font-size:calc(12 * var(--ui));line-height:calc(20 * var(--ui));padding:calc(8 * var(--ui)) calc(10 * var(--ui))}
  .model-option-logo{width:calc(20 * var(--ui));height:calc(20 * var(--ui))}

  .performance-tabs,.method-chapters{gap:calc(24 * var(--ui))}.performance-tabs button,.method-chapters button{font-size:calc(13 * var(--ui));padding-block:calc(12 * var(--ui))}
  .performance-tabs button>span,.method-chapters button>span{font-size:calc(10 * var(--ui))}
  .performance-controls{gap:calc(18 * var(--ui));min-height:calc(48 * var(--ui));margin-bottom:calc(16 * var(--ui))}
  .perf-select-label,.perf-context{font-size:calc(11 * var(--ui));gap:calc(9 * var(--ui))}.perf-select-label select{font-size:calc(12 * var(--ui));max-width:calc(230 * var(--ui))}
  .perf-metrics button{font-size:calc(11 * var(--ui));padding:calc(7 * var(--ui)) calc(12 * var(--ui))}
  .perf-card{height:calc(var(--page-viewport) - var(--header-height) - 330 * var(--ui));min-height:calc(320 * var(--ui))}
  .perf-card-heading{padding:calc(23 * var(--ui)) calc(24 * var(--ui)) calc(19 * var(--ui))}.perf-card-heading h3{font-size:calc(18 * var(--ui))}
  .perf-eyebrow{font-size:calc(9 * var(--ui))}.perf-table-count,.perf-table-bottom{font-size:calc(10 * var(--ui))}
  .perf-direction-copy{font-size:calc(9 * var(--ui))}.perf-direction-copy strong{font-size:calc(11 * var(--ui))}.perf-direction-icon{width:calc(25 * var(--ui));height:calc(25 * var(--ui))}.perf-direction-icon svg{width:calc(16 * var(--ui));height:calc(16 * var(--ui))}
  .perf-table-wrap{padding-inline:calc(15 * var(--ui))}.perf-table{font-size:calc(12 * var(--ui))}.perf-table th{font-size:calc(10 * var(--ui));padding:calc(10 * var(--ui))}
  .perf-table td{padding:calc(15 * var(--ui)) calc(10 * var(--ui))}.perf-table tbody th button{font-size:calc(12 * var(--ui));min-height:calc(47 * var(--ui))}
  .perf-table-bottom{margin:calc(12 * var(--ui)) calc(24 * var(--ui)) 0;padding:calc(15 * var(--ui)) 0 calc(18 * var(--ui))}
  .perf-plot{gap:calc(13 * var(--ui));margin:0 calc(24 * var(--ui)) calc(14 * var(--ui))}
  .perf-bar{font-size:calc(11 * var(--ui));grid-template-columns:calc(69 * var(--ui)) minmax(0,1fr) calc(47 * var(--ui));gap:calc(12 * var(--ui))}.perf-bar-track{height:calc(24 * var(--ui))}
  .perf-axis{font-size:calc(9 * var(--ui));margin-left:calc(81 * var(--ui));margin-right:calc(59 * var(--ui))}
  .perf-insight{margin-inline:calc(24 * var(--ui));padding:calc(16 * var(--ui)) 0 calc(20 * var(--ui));gap:calc(15 * var(--ui));min-height:calc(89 * var(--ui))}
  .perf-insight strong{font-size:calc(32 * var(--ui))}.perf-insight p{font-size:calc(12 * var(--ui));max-width:calc(155 * var(--ui))}.perf-insight>div>span,.perf-insight-detail,.perf-footnote{font-size:calc(10 * var(--ui))}
  .perf-footnote{padding-top:calc(11 * var(--ui))}.perf-scatter-point span{font-size:calc(10 * var(--ui))}.perf-scatter-x,.perf-scatter-y,.perf-scatter-tick{font-size:calc(9 * var(--ui))}
  .perf-scatter{margin:calc(8 * var(--ui)) calc(27 * var(--ui)) calc(33 * var(--ui)) calc(43 * var(--ui))}
  .perf-scatter-point span{left:calc(22 * var(--ui))}.perf-scatter-point.is-right span{left:auto;right:calc(22 * var(--ui))}
  .perf-scatter-x{bottom:calc(-34 * var(--ui))}.perf-scatter-y{left:calc(-38 * var(--ui))}.perf-scatter-tick{bottom:calc(-13 * var(--ui))}.perf-scatter-tick-y{left:calc(-9 * var(--ui));bottom:var(--tick-y)}
  .perf-scatter-axis-hint{font-size:calc(8 * var(--ui))}

  .method-view{height:calc(var(--page-viewport) - var(--header-height) - 310 * var(--ui));min-height:calc(350 * var(--ui))}
  .method-story{padding:calc(30 * var(--ui)) calc(32 * var(--ui))}.method-eyebrow{font-size:calc(9 * var(--ui))}
  .method-story h3{font-size:calc(29 * var(--ui));margin:calc(14 * var(--ui)) 0 calc(16 * var(--ui))}
  .method-story>p{font-size:calc(12 * var(--ui));max-width:40ch;margin-bottom:calc(12 * var(--ui))}
  .method-keyline{font-size:calc(12 * var(--ui));padding-top:calc(15 * var(--ui))}.method-equation-link{font-size:calc(10 * var(--ui));margin-top:calc(18 * var(--ui))}
  .method-visual{padding:calc(26 * var(--ui)) calc(30 * var(--ui))}.method-modalities{font-size:calc(10 * var(--ui));gap:calc(24 * var(--ui))}
  .method-modalities svg{width:calc(14 * var(--ui));height:calc(14 * var(--ui))}
  .method-network,.method-runtime-diagram{height:100%;max-height:none;min-height:0;flex:1}
  .method-diagram-caption,.method-runtime-note{font-size:calc(11 * var(--ui));padding-top:calc(12 * var(--ui))}
  .method-ingredients button{font-size:calc(11 * var(--ui));padding:calc(8 * var(--ui)) calc(2 * var(--ui))}.method-ingredients button>span{font-size:calc(9 * var(--ui))}
  #method-ingredient-panel{display:flex;flex-direction:column;flex:1;min-height:0}
  .method-recipe-drawing{height:auto;flex:1;min-height:0}.method-experiment{height:calc(63 * var(--ui));margin-top:calc(10 * var(--ui));flex-shrink:0}
  .method-experiment label,.method-action-control>p,.method-action-control>button,.method-trace{font-size:calc(10 * var(--ui))}.method-range-labels{font-size:calc(9 * var(--ui))}
  .method-choice-control>button{font-size:calc(10 * var(--ui));min-height:calc(46 * var(--ui))}.method-choice-control>button strong{font-size:calc(14 * var(--ui))}
  .method-recipe-formula{font-size:calc(17 * var(--ui))}.method-story>p.method-measurement{font-size:calc(9 * var(--ui))}
  .method-studio-footer{min-height:calc(48 * var(--ui));padding:calc(10 * var(--ui)) calc(24 * var(--ui))}.method-foot-label,.method-reading-note{font-size:calc(10 * var(--ui))}
  .method-studio-footer>button{font-size:calc(11 * var(--ui))}.method-reading-note{padding-top:calc(12 * var(--ui))}

  .research-page .lab-footer .research-footer{height:calc(47 * var(--ui));gap:calc(20 * var(--ui))}
  .lab-footer-identity>span{font-size:calc(11 * var(--ui))}.lab-footer-symbol{width:calc(16 * var(--ui));height:calc(13 * var(--ui))}
  .lab-footer-links{gap:calc(20 * var(--ui))}.research-page .lab-footer-links a{font-size:calc(12 * var(--ui));gap:calc(8 * var(--ui))}.lab-footer-links a img{width:calc(21 * var(--ui));height:calc(21 * var(--ui))}
  .github-star-prompt{width:calc(228 * var(--ui));font-size:calc(12 * var(--ui));padding:calc(12 * var(--ui)) calc(14 * var(--ui))}
  .research-page .audio-quantization-dialog{width:min(calc(640 * var(--ui)),calc(100% - 32px));max-height:calc(100svh - 40 * var(--ui))}
  .audio-details-heading{padding:calc(25 * var(--ui)) calc(30 * var(--ui)) calc(18 * var(--ui))}
  .audio-details-heading .audio-details-eyebrow{font-size:calc(10 * var(--ui))}.audio-details-heading h2{font-size:calc(24 * var(--ui))}
  .audio-details-close{right:calc(16 * var(--ui));top:calc(17 * var(--ui));width:calc(32 * var(--ui));height:calc(32 * var(--ui));font-size:calc(25 * var(--ui))}
  .audio-details-body{padding:calc(21 * var(--ui)) calc(30 * var(--ui)) calc(26 * var(--ui));font-size:calc(12 * var(--ui))}
  .audio-details-body h3{font-size:calc(13 * var(--ui))}.audio-precision-grid>div{font-size:calc(11 * var(--ui));padding:calc(11 * var(--ui)) calc(12 * var(--ui))}.audio-precision-grid strong{font-size:calc(14 * var(--ui))}
  .audio-details-body summary{font-size:calc(12 * var(--ui))}.audio-details-body .audio-details-source{font-size:calc(11 * var(--ui))}
}

/* Narrow landscape screens keep the publication inside its half of the screen. */
@media(min-width:901px) and (max-width:1199px) {
  .research-page .paper-masthead .publication-title{font-size:25px;line-height:1.12}
  .research-page .publication-venue{margin-bottom:8px}
  .research-page .publication-authors{margin-top:10px}
  .research-page .publication-affiliations{font-size:11px}
  .research-page .publication-resources{margin-top:12px}
  .publication-introduction{margin-top:14px;padding-top:12px}
  .publication-abstract{margin-top:12px}
  .publication-abstract>p{font-size:12px;line-height:1.6}
  .publication-runtimes{margin-top:12px;padding-top:9px}
}

/* A stable first row prevents the model identity moving between Home tabs. */
#overview .showcase-panel{grid-template-rows:calc(56 * var(--ui,1px)) minmax(0,1fr) auto}
#overview .preview-model-header{height:100%;padding:0;align-items:center}
#overview .preview-model-header .preview-model{display:flex;align-items:center;height:100%;padding:0}
#overview .preview-model>img{width:calc(29 * var(--ui,1px));height:calc(29 * var(--ui,1px))}
#overview .preview-model strong{white-space:nowrap}
#overview .preview-model .audio-language{margin-left:auto}

/* Balanced rows keep every author visible in the narrower publication column. */
@media(min-width:901px) and (max-width:1399px){
  .research-page .publication-authors{display:grid;grid-template-columns:repeat(3,max-content);gap:2px 18px;padding-bottom:0;line-height:1.4}
}
@media(max-width:600px){
  .research-page .publication-authors{display:grid;grid-template-columns:repeat(2,max-content);gap:3px 18px;padding-bottom:0}
}

/* Reserve a separate row for the Home cue, including on short laptop windows. */
@media(min-width:901px){
  .research-page .research-intro{
    display:grid;grid-template-rows:minmax(0,1fr) auto;
    height:calc(var(--page-viewport) - var(--header-height,64px));
    padding-block:calc(24 * var(--ui,1px)) calc(12 * var(--ui,1px));
    gap:calc(24 * var(--ui,1px));
  }
  .research-page .paper-frontmatter{height:min(calc(610 * var(--ui,1px)),100%);min-height:0;grid-template-rows:minmax(0,1fr);align-self:center}
  .research-scroll-cue{position:static;transform:none;justify-self:center;min-height:calc(30 * var(--ui,1px))}
}
@media(min-width:901px) and (min-height:721px) and (max-height:779px){
  .research-page .paper-masthead .publication-title{font-size:clamp(25px,2.2vw,31px)}
  .research-page .publication-venue{margin-bottom:9px}
  .research-page .publication-authors{margin-top:12px}
  .research-page .publication-resources{margin-top:14px}
  .publication-introduction{margin-top:15px;padding-top:13px}
  .publication-abstract{margin-top:13px}
  .publication-abstract>p{line-height:1.65}
  .publication-runtimes{margin-top:12px;padding-top:10px}
}
@media(min-width:901px) and (max-height:650px){
  .research-page .research-intro{padding-top:12px}
}
@media(min-width:901px) and (max-height:630px){
  .research-page .paper-masthead .publication-title{font-size:25px}
  .research-page .publication-authors{margin-top:6px}
  .research-page .publication-affiliations{margin-top:6px}
  .publication-introduction{margin-top:4px;padding-top:4px}
  .publication-abstract{margin-top:6px}
  .research-page .publication-abstract h2{margin-bottom:5px}
  .publication-runtimes{margin-top:4px;padding-top:2px}
}

/* The viewer keeps all available height. Its width is capped at 16:9, as well
   as the existing desktop maximum, so short windows gain side margins.
   Very short windows use page scrolling so inputs and controls retain room. */
@media(min-width:901px){
  .research-page .examples-section.container{
    --examples-top:calc(48 * var(--ui,1px));
    --examples-bottom:calc(12 * var(--ui,1px));
    --examples-heading:calc(57 * var(--ui,1px));
    --examples-gap:calc(10 * var(--ui,1px));
    --examples-navigation:calc(30 * var(--ui,1px));
    --examples-height:max(calc(360 * var(--ui,1px)),calc(var(--page-viewport) - var(--header-height,64px) - var(--examples-top) - var(--examples-bottom) - var(--examples-heading) - 2 * var(--examples-gap) - var(--examples-navigation)));
    width:min(calc(1120 * var(--ui,1px)),calc(100% - 80px),calc(var(--examples-height) * 16 / 9));
    display:grid;grid-template-rows:var(--examples-heading) minmax(0,1fr) var(--examples-navigation);
    gap:var(--examples-gap);
    height:calc(var(--examples-height) + var(--examples-top) + var(--examples-bottom) + var(--examples-heading) + 2 * var(--examples-gap) + var(--examples-navigation));
    min-height:0;padding-block:var(--examples-top) var(--examples-bottom);
  }
  .research-page .examples-heading{margin:0}
  .research-page .examples-heading h2{font-size:calc(30 * var(--ui,1px));line-height:1.2}
  .research-page .examples-heading .section-kicker{font-size:calc(10 * var(--ui,1px));margin-bottom:calc(4 * var(--ui,1px))}
  .examples-workspace{height:100%;min-height:0;padding:calc(12 * var(--ui,1px)) calc(20 * var(--ui,1px))}
  .examples-workspace .showcase-tabs button{min-height:calc(40 * var(--ui,1px));padding-block:calc(8 * var(--ui,1px))}
  .examples-navigation{margin:0;min-height:calc(30 * var(--ui,1px))}
}
@media(min-width:901px) and (max-height:720px){
  .research-page .examples-section.container{--examples-top:42px;--examples-bottom:10px;--examples-heading:32.4px;--examples-gap:8px;--examples-navigation:28px}
  .research-page .examples-heading h2{font-size:27px}
  .research-page .examples-heading .section-kicker{display:none}
  .examples-navigation{min-height:28px}
}