/* More space for Chinese headings; a 300px theme control card. */
.statement .custom-intro h2,.features h2,.modes h2,.functions h2{line-height:1.28;letter-spacing:.01em}
.feature-specific .card-title,.function-card h3,.timing-card h3{line-height:1.3;letter-spacing:0}
.mode-panel{height:300px;min-height:0;max-height:none;padding:18px 20px;display:flex;flex-direction:column;gap:8px;justify-content:flex-start;box-sizing:border-box}
.mode-panel h3{font-size:clamp(24px,2.6vw,32px);line-height:1.3;letter-spacing:.01em;margin:0}
.mode-panel .theme-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;flex-shrink:0}
.mode-panel .theme-tabs .tab{min-width:0;min-height:44px;height:44px;padding:8px;font-size:14px;line-height:20px;letter-spacing:0;white-space:nowrap}
.mode-panel .theme-variants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;min-height:44px;flex-shrink:0;border-top:1px solid #46503e;padding-top:12px}
.mode-panel .theme-variants.many-variants{grid-template-columns:repeat(3,minmax(0,1fr))}
.mode-panel .theme-variants[hidden]{display:none}
.mode-panel .variant-button{min-height:44px;height:44px;min-width:0;padding:8px 6px;justify-content:center;font:12px/20px var(--font);white-space:nowrap;gap:6px}
@media(max-width:767px){
  .mode-stage{height:auto;min-height:0;max-height:none;padding:0;display:flex;gap:12px;justify-content:flex-start;background:transparent}
  .mode-device{width:100%;max-width:none;display:flex;flex-direction:column;align-items:center;margin:0;flex-shrink:0}
  .mode-device .device{width:280px;height:280px;flex-shrink:0}
  .mode-device .theme-index{width:100%;font-size:11px;line-height:18px;margin:8px 0 0;padding:0;white-space:nowrap;letter-spacing:.02em;color:var(--ink)}
  .mode-panel{width:100%;height:300px;min-height:300px;padding:16px;gap:12px;flex:0 0 300px;justify-content:flex-start;background:var(--ink)}
  .mode-panel>#themeTitle{display:block;font-size:20px;line-height:28px;margin:0}
  .mode-panel .theme-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;min-width:0;min-height:44px;overflow:visible}
  .mode-panel .theme-tabs::-webkit-scrollbar{display:none}
  .mode-panel .theme-tabs .tab{flex:0 0 auto;font-size:13px;padding-inline:12px}
  .mode-panel .theme-variants{min-height:44px;margin:0;gap:6px}
  .mode-panel .variant-button{font-size:11px;padding:8px 5px;gap:5px}
}
@media(max-width:991px) and (orientation:landscape) and (max-height:600px){
  .mode-stage{height:auto;min-height:0;max-height:none;padding:0;gap:20px;background:transparent}
  .mode-stage .mode-panel{height:300px;min-height:300px;padding:16px;gap:12px;background:var(--ink)}
  .mode-device{width:100%;display:flex;flex-direction:column;align-items:center}
  .mode-device .device{width:280px;height:280px}
  .mode-device .theme-index{color:var(--ink)}
}