/* Preview-only shared detail-page top, based on the approved Shanju composition. */
html body .header.case-header-standard{height:72px!important;min-height:72px!important}
html body .case-header-standard .brand-home-cn>strong{font-family:"Brand Xing","STXingkai","KaiTi",cursive!important}
html body .case-header-standard .brand-home-side{font-family:"Brand Song","Songti SC",serif!important}
html body .case-header-standard .brand-home-en{font-family:"Brand Serif",Didot,serif!important;margin-top:0!important}
html body .header>.bilingual-nav{gap:34px!important}
html body .header>.bilingual-nav a{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:16px 4px!important;min-height:64px}
.bilingual-nav .nav-cn{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:13px;line-height:1.2;letter-spacing:.08em}
.bilingual-nav .nav-en{font-size:10px;line-height:1.2;letter-spacing:.07em;color:#74756e}
html body .case-top-compact{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:44px;width:85%;max-width:1360px;margin:0 auto;padding:38px 0 30px;border:0;background:transparent;color:#171714;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
.case-top-title-block,.case-top-meta{min-width:0}
html body .case-top-eyebrow{margin:0;font:400 10px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.18em;color:#6f706a;text-transform:uppercase}
html body .case-top-title{margin:20px 0 0;font-family:inherit;font-size:clamp(48px,6.6vw,112px);line-height:.94;letter-spacing:-.06em;font-weight:520;overflow-wrap:anywhere;white-space:normal}
html body .case-top-title--long{font-size:clamp(36px,4.4vw,72px);line-height:1.08}
html body .case-top-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px;margin:0;padding:0;border:0}
html body .case-top-meta-item{min-width:0;margin:0;padding:0;border:0}
html body .case-top-meta-key{display:block;margin:0 0 5px;padding:0;color:#8a8b84;font:400 9px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.16em;text-transform:uppercase}
html body .case-top-meta-value{display:block;margin:0;padding:0;color:#2e2f2a;font:400 11px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;overflow-wrap:anywhere}
.case-top-compact + #gallery{padding-top:0!important}
html body[data-case-slug="linxia-office-courtyard"] .case-top-compact{width:92.8%;max-width:none}
/* Header-side descriptions have been removed; do not reserve an empty column. */
html body :is(.block-head,.transform-head,.details-head,.detail-head,.section-head,.compare-head,.compare-foot),
html body [id] :is(.block-head,.transform-head,.details-head,.detail-head,.section-head,.compare-head,.compare-foot){grid-template-columns:minmax(0,1fr)!important}
html body :is(.section-head,.compare-head,.compare-foot)>.section-title{max-width:none!important}
html body .chapter-head .chapter-title{display:block!important;min-width:0}
@media(max-width:980px){
  html body .case-top-compact{width:92%;grid-template-columns:minmax(0,1fr);gap:26px;padding:30px 0 26px}
}
@media(max-width:560px){
  html body .header.case-header-standard{grid-template-columns:76px minmax(0,1fr) 40px!important;padding:0 8px!important;height:68px!important;min-height:68px!important}
  html body .header>.bilingual-nav{gap:6px!important}
  html body .header>.bilingual-nav a{gap:4px;padding:12px 0!important;min-height:60px}
  .bilingual-nav .nav-cn{font-size:11px}.bilingual-nav .nav-en{font-size:8px;letter-spacing:.02em}
  html body .case-top-title{font-size:clamp(48px,15vw,82px)}
  html body .case-top-title{margin-top:14px}
  html body .case-top-title--long{font-size:clamp(32px,9vw,48px)}
  html body .case-top-meta{gap:12px 20px}
}