/* =========================================================
   Zhiyan Showcase v26 — typography rebalance
   Focus: section title hierarchy, organization page balance,
   panel title sizing, and overall reading rhythm.
   ========================================================= */
:root{
  --v26-hero:clamp(54px,5.0vw,80px);
  --v26-section:clamp(36px,3.1vw,52px);
  --v26-section-compact:clamp(34px,2.7vw,46px);
  --v26-panel-title:clamp(24px,1.95vw,34px);
  --v26-body:16px;
  --v26-body-small:14px;
  --v26-label:10px;
  --v26-weight-display:760;
  --v26-weight-title:730;
}

/* Global type scale rebalance */
.hero h1,
.continuity-title-block h2,
.organization-v15-head h2,
.instrument-v14-title h2,
.contact-copy h2,
.final-cta h2{
  font-weight:var(--v26-weight-display)!important;
}
.hero h1{font-size:var(--v26-hero)!important;line-height:1.03!important;max-width:860px!important}
.continuity-title-block h2,
.organization-v15-head h2,
.instrument-v14-title h2{font-size:var(--v26-section)!important;line-height:1.06!important}
.contact-copy h2,.final-cta h2{font-size:var(--v26-section-compact)!important;line-height:1.08!important}

.hero-copy>p,
.continuity-v10-copy>p,
.organization-v15-head>p,
.instrument-v14-title>p,
.contact-copy>p,
.final-cta p{
  font-size:var(--v26-body)!important;
  line-height:1.88!important;
}

/* Better section-head layout balance */
.continuity-v9-head,
.organization-v15-head,
.instrument-v11-head{
  align-items:start!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,.66fr)!important;
  gap:clamp(36px,4.2vw,72px)!important;
}
.continuity-title-block h2{max-width:760px!important}
.organization-v15-head h2{max-width:720px!important}
.instrument-v14-title h2{max-width:760px!important}
.continuity-v10-copy>p,
.organization-v15-head>p,
.instrument-v14-title>p{max-width:620px!important}
.organization-v15-head>p{padding-top:10px!important}

/* Organization page: tone down shouting and improve editorial rhythm */
.organization-v15{padding-top:108px!important;padding-bottom:116px!important}
.institution-duet{min-height:640px!important}
.institution-pane{padding:34px 38px 38px!important}
.institution-pane-copy{margin-top:54px!important;max-width:560px!important}
.institution-pane-copy>small{
  font-size:11px!important;
  letter-spacing:.12em!important;
  line-height:1.55!important;
}
.institution-pane-copy h3{
  font-size:var(--v26-panel-title)!important;
  font-weight:var(--v26-weight-title)!important;
  line-height:1.12!important;
  letter-spacing:-.04em!important;
  margin:14px 0 18px!important;
  max-width:480px!important;
}
.institution-pane.hdu .institution-pane-copy h3{max-width:500px!important}
.institution-pane-copy p{
  font-size:15px!important;
  line-height:1.92!important;
  max-width:520px!important;
}
.institution-inline-meta,
.institution-v15-footer,
.engineering-layer small,
.engineering-layer span{font-size:12px!important}
.institution-pane-bg{opacity:.022!important}
.institution-pane.active .institution-pane-bg{opacity:.04!important}
.institution-pane-head button{
  font-size:12px!important;
  font-weight:700!important;
}
.institution-pane-head button b{font-size:14px!important}
.institution-index{font-size:12px!important}

/* Chips and small labels inside institution panes */
.engineering-layer{
  min-height:56px!important;
  border-radius:18px!important;
}
.academic-label{
  min-height:40px!important;
  padding:10px 16px!important;
  font-size:12px!important;
}

/* Core tool & continuity body text slightly more legible */
.context-scenarios button b,
.instrument-tabs-v11 button b,
.contact-channels b{font-size:14px!important}
.context-scenarios button small,
.instrument-tabs-v11 button small,
.contact-channels small{font-size:11px!important;line-height:1.6!important}
.workbench-controls-v11 button{font-size:11px!important}

/* Dark-theme typography fine-tune */
html[data-theme="dark"] .hero h1,
html[data-theme="dark"] .continuity-title-block h2,
html[data-theme="dark"] .organization-v15-head h2,
html[data-theme="dark"] .instrument-v14-title h2,
html[data-theme="dark"] .contact-copy h2,
html[data-theme="dark"] .final-cta h2{
  color:#dde6ff!important;
}
html[data-theme="dark"] .hero h1 span,
html[data-theme="dark"] .continuity-title-block h2 em,
html[data-theme="dark"] .organization-v15-head h2 em,
html[data-theme="dark"] .instrument-v14-title h2 em,
html[data-theme="dark"] .contact-copy h2 em,
html[data-theme="dark"] .final-cta h2 em{
  color:#9cadff!important;
}
html[data-theme="dark"] .organization-v15-head>p,
html[data-theme="dark"] .institution-pane-copy p,
html[data-theme="dark"] .continuity-v10-copy>p,
html[data-theme="dark"] .instrument-v14-title>p,
html[data-theme="dark"] .contact-copy>p,
html[data-theme="dark"] .final-cta p{color:#b3bfdc!important}
html[data-theme="dark"] .institution-pane-copy h3{color:#edf2ff!important}
html[data-theme="dark"] .institution-pane-copy>small{color:#98a6cf!important}

/* Light-theme typography fine-tune */
html[data-theme="light"] .organization-v15-head>p,
html[data-theme="light"] .institution-pane-copy p,
html[data-theme="light"] .continuity-v10-copy>p,
html[data-theme="light"] .instrument-v14-title>p,
html[data-theme="light"] .contact-copy>p,
html[data-theme="light"] .final-cta p{color:#5f6d88!important}

/* Responsive */
@media(max-width:1180px){
  .continuity-v9-head,.organization-v15-head,.instrument-v11-head{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .organization-v15-head>p,
  .continuity-v10-copy>p,
  .instrument-v14-title>p{max-width:760px!important;padding-top:0!important}
}
@media(max-width:720px){
  :root{--v26-hero:clamp(42px,11.8vw,54px);--v26-section:clamp(32px,8.8vw,40px);--v26-section-compact:clamp(30px,8vw,38px);--v26-panel-title:clamp(24px,6vw,30px);--v26-body:14px}
  .organization-v15{padding-top:84px!important;padding-bottom:88px!important}
  .institution-pane{padding:24px 22px 28px!important}
  .institution-pane-copy{margin-top:42px!important;max-width:none!important}
  .institution-pane-copy p{font-size:14px!important;line-height:1.84!important}
}