/* Inner-page review: extend the SFS-approved HOME rhythm. HOME is untouched. */
/* HOME refinement, 2026-10-20. Loaded only by the two homepages.
   Reuse the existing navigation, carousel, article cards and responsive menu. */
html body[data-type-b].inner-page .page > header {
  padding-top: 24px;
  padding-bottom: 18px;
  column-gap: 24px;
  row-gap: 0;
}
html body[data-type-b].inner-page .page > header .language-selector {
  position: static;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  font-size: 14px !important;
  white-space: nowrap;
}
html body[data-type-b].inner-page .language-selector a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}
@media (min-width: 1200px) {
  html body[data-type-b].inner-page .page > header {
    grid-template-columns: max-content minmax(0, 1fr) max-content;
    width: max(100%, 1000px);
    margin-inline: calc((100% - max(100%, 1000px)) / 2);
  }
  html body[data-type-b].inner-page .page > header .header-navigation {
    display: block;
    grid-column: 2;
    grid-row: 1;
    width: auto;
  }
  html body[data-type-b].inner-page .page > header nav {
    font-size: 16px !important;
    gap: 20px;
  }
  html body[data-type-b].inner-page .page > header .language-selector {
    grid-column: 3;
    grid-row: 1;
  }
  html body[data-type-b].inner-page .page > header .menu-toggle { display: none; }
  html body[data-type-b].inner-page .page > header .r3-search-box { grid-row: 2; }
}
@media (max-width: 1199px) {
  html body[data-type-b].inner-page .page > header {
    grid-template-columns: minmax(0, 1fr) auto;
    padding-top: 24px;
    padding-bottom: 18px;
    row-gap: 0;
  }
  html body[data-type-b].inner-page .page > header .language-selector {
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
  }
  html body[data-type-b].inner-page .page > header .menu-toggle {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    align-items: center;
    min-height: 44px;
    font-size: 16px;
  }
  html.r3-enhanced body[data-type-b].inner-page .page > header .menu-toggle { display: inline-flex; }
  html body[data-type-b].inner-page .page > header .header-navigation {
    grid-column: 1 / -1;
    grid-row: 3;
    width: 100%;
    justify-self: stretch;
  }
  html body[data-type-b].inner-page .page > header nav {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    white-space: normal;
  }
  html body[data-type-b].inner-page .page > header nav > a { padding-block: 6px; }
  html body[data-type-b].inner-page .page > header .search-toggle { align-self: flex-start; }
  html.r3-enhanced body[data-type-b].inner-page .page > header:not(.menu-is-open) .header-navigation { display: none; }
  html body[data-type-b].inner-page .page > header .r3-search-box { grid-row: 4; width: 100%; }
}

html body[data-type-b].inner-page {
 --b-body:18px; --b-intro:22px; --b-page:40px; --b-content:28px;
 --b-ui:14px; --b-section:21px; --la-long-size:18px;
 --la-paragraph-gap:24px; --inner-entry-gap:32px; --inner-end-gap:56px;
 --reading-width:760px;
}
@media(min-width:1500px){
 html body[data-type-b].inner-page .page{
  --r11-side:min(calc((70px + max(0px,(100% - 1680px)/2))*3),282px);
  max-width:1920px;margin-inline:auto;
 }
}
html body[data-type-b].inner-page .page-title,
html body[data-type-b].inner-page main.r8-reader-page .r10-section-title{
 font-size:40px!important;line-height:1.12!important;margin-bottom:24px;
}
html body[data-type-b].inner-page main :is(p,li,dt,dd){line-height:1.7!important}
html[lang=zh-CN] body[data-type-b].inner-page main :is(p,li,dt,dd){line-height:1.8!important}
html body[data-type-b].inner-page :is(.production-copy h3,.detail-copy h1,.artist-heading h2){font-size:28px!important;line-height:1.25!important}
html body[data-type-b].inner-page main :is(.article-category,.article-meta,.related-project-label){font-size:14px!important;line-height:1.5!important}
html body[data-type-b].inner-page main .article-category{font-size:13px!important}
html body[data-type-b].inner-page main :is(.enter-link,.read-note,.article-return a,.project-return a,.material-neighbours a){font-size:14px!important;line-height:1.5!important;min-height:44px}
html body[data-type-b].inner-page main :is(h1,h2,h3){overflow-wrap:break-word}
/* Index keeps its existing three-column desktop structure; compact card rhythm. */
html body[data-type-b].inner-page .material-index .material-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:24px}
html body[data-type-b].inner-page .material-index .material-entry{padding-top:18px;min-width:0}
html body[data-type-b].inner-page .material-entry h2{font-size:28px!important;line-height:1.25!important;margin:0 0 10px}
html body[data-type-b].inner-page .material-entry .article-category{margin:0 0 10px}
html body[data-type-b].inner-page .material-entry :is(.article-meta,.related-project-label){margin:0 0 12px}
html body[data-type-b].inner-page .material-entry .material-excerpt{
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
 overflow:hidden;font-size:18px!important;line-height:1.7!important;
 min-height:5.1em;max-height:5.1em;margin:0 0 12px;
}
html body[data-type-b].inner-page .material-entry .read-note{margin-top:auto;padding-top:0}
/* Complete articles stay complete, in the existing manually scrolled reader. */
html body[data-type-b].inner-page main.r8-reader-page .material-article-title{font-size:28px!important;line-height:1.25!important;margin:12px 0 16px}
html body[data-type-b].inner-page main.r8-reader-page .focus-subtitle{font-size:20px!important;line-height:1.5!important;margin-bottom:16px}
html body[data-type-b].inner-page main.r8-reader-page .article-body{font-size:18px;line-height:1.7;padding-top:1.2em}
html body[data-type-b].inner-page main.r8-reader-page .article-body :is(p,li){font-size:18px!important;margin-bottom:24px}
html body[data-type-b].inner-page main.r8-reader-page .article-body :is(h2,h3){font-size:24px!important}
html body[data-type-b].inner-page main.r8-reader-page .article-heading{margin-bottom:24px}
html body[data-type-b].inner-page main.r8-reader-page .article-return{margin-top:24px}
/* Production fields and excerpts are retained in full. */
html body[data-type-b].inner-page .r10-project-detail{column-gap:40px}
html body[data-type-b].inner-page .detail-copy :is(p,li,dt,dd){font-size:18px!important}
html body[data-type-b].inner-page .directors-note h2{font-size:21px!important}
html body[data-type-b].inner-page .directors-note{margin-top:24px}
html body[data-type-b].inner-page[data-projects-index] .production-copy h3{margin-bottom:12px}
html body[data-type-b].inner-page[data-projects-index] .production{padding-block:20px}
/* Biography follows the same 18px reading scale; portrait remains uncropped. */
html[lang] body[data-type-b].inner-page[data-about-page] #sifan-shao .artist-bio p{font-size:18px!important;line-height:1.7!important;margin-bottom:20px}
html body[data-type-b].inner-page[data-about-page] #sifan-shao .artist-heading{margin-bottom:18px}
html body[data-type-b].inner-page[data-about-page] #about .about-copy{padding-block:20px}
html body[data-type-b].inner-page[data-about-page] #sifan-shao{padding-block:24px}
/* Form controls keep their interaction and 44px targets. */
html body[data-type-b].inner-page[data-contact-page] #contact.r7-contact-grid{gap:40px}
html body[data-type-b].inner-page[data-contact-page] .contact-editorial{margin-top:24px}
html body[data-type-b].inner-page[data-contact-page] .contact-email{margin-top:28px}
html body[data-type-b].inner-page[data-contact-page] #contact a[href^="mailto:"]{font-size:18px!important}
html body[data-type-b].inner-page .r7-field label{font-size:14px;line-height:1.5}
html body[data-type-b].inner-page .r7-field :is(input,textarea){font-size:18px;line-height:1.6;min-height:48px}
html body[data-type-b].inner-page .r7-field textarea{min-height:200px}
html body[data-type-b].inner-page .r7-field{margin-bottom:24px}
html body[data-type-b].inner-page main .r7-contact-form :is(.r7-delivery-note,.r7-form-status){font-size:14px!important}
html body[data-type-b].inner-page[data-contact-page] .r9-poster-section{margin-top:40px}
@media(max-width:1200px){
 html body[data-type-b].inner-page .material-index .material-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767.98px){
 html body[data-type-b].inner-page{--inner-entry-gap:24px;--inner-end-gap:40px}
 html body[data-type-b].inner-page .material-index .material-list{grid-template-columns:minmax(0,1fr);gap:28px}
 html body[data-type-b].inner-page .page-title,
 html body[data-type-b].inner-page main.r8-reader-page .r10-section-title{font-size:32px!important}
 html body[data-type-b].inner-page :is(.material-entry h2,.production-copy h3,.detail-copy h1,.artist-heading h2),
 html body[data-type-b].inner-page main.r8-reader-page .material-article-title{font-size:25px!important}
 html body[data-type-b].inner-page .material-entry .material-excerpt{min-height:0}
 html body[data-type-b].inner-page[data-contact-page] #contact.r7-contact-grid{gap:28px}
}