/* The original institute portrait and signature are served locally, unchanged. */
.homepage .greeting-slide { background: #f6f8fc; }
.greeting-layout { display: grid; grid-template-columns: minmax(150px, .32fr) minmax(0, 1fr); align-items: start; gap: 26px; margin-top: 20px; }
.greeting-portrait { margin: 0; overflow: hidden; border-radius: 8px; background: #eef1f6; }
/* Center the chair at x=1060 in the 1320px-wide source banner. */
.greeting-portrait img { display: block; width: 100%; height: 280px; object-fit: cover; object-position: calc(50% - 225px) center; }
.greeting-message { min-width: 0; }
.greeting-body { color: #4d5d77; font-size: 13px; line-height: 1.85; word-break: keep-all; overflow-wrap: anywhere; }
.greeting-body p { white-space: pre-line; }
.greeting-body p + p { margin-top: 13px; }
.greeting-body p:first-child { color: #122d61; font-weight: 650; font-size: 14px; }
.greeting-mobile-body { display: none; }
.greeting-signoff { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; margin-top: 20px; padding-top: 14px; border-top: 1px solid #e0e7f1; }
.greeting-signoff p { color: #122d61; font-size: 12px; font-weight: 650; word-break: keep-all; }
.greeting-signature { width: 90px; height: auto; object-fit: contain; }
@media (min-width: 901px) {
  .homepage .greeting-slide { display: flex; flex-direction: column; }
  .greeting-slide > .panel-intro { flex-shrink: 0; }
  .greeting-layout { flex: 1; align-content: center; }
}
@media (min-width: 901px) and (max-height: 820px) {
  .greeting-layout { grid-template-columns: 150px minmax(0, 1fr); margin-top: 12px; gap: 20px; }
  .greeting-portrait img { height: 230px; object-position: calc(50% - 185px) center; }
  .greeting-body { font-size: 12px; line-height: 1.75; }
  .greeting-body p:first-child { font-size: 13px; }
  .greeting-body p + p { margin-top: 10px; }
  .greeting-signoff { margin-top: 12px; padding-top: 10px; }
}
@media (max-width: 900px) {
  .greeting-layout { display: block; margin-top: 18px; }
  .greeting-portrait, .greeting-body, .greeting-signature { display: none; }
  .greeting-mobile-body { display: block; font-size: 16px; line-height: 1.9; color: #405471; word-break: keep-all; overflow-wrap: anywhere; white-space: pre-line; }
  .greeting-signoff { justify-content: flex-start; margin-top: 22px; }
  .greeting-signoff p { font-size: 12px; line-height: 1.7; }
}
@media (max-width: 600px) {
  .homepage .slide-toolbar-inner { gap: 5px; }
  .homepage .slide-index { gap: 4px; font-size: 8px; }
  .homepage .slide-tabs { min-width: 0; margin: 0; gap: 0; }
  .homepage .slide-tabs button { padding: 7px 5px; font-size: 10px; white-space: nowrap; }
  .homepage .slide-controls { padding: 3px; gap: 3px; border-radius: 9px; }
  .homepage .slide-controls button { width: 26px; height: 28px; }
}
@media (max-width: 359px) {
  .homepage .slide-toolbar { padding-inline: 8px; }
  .homepage .slide-tabs button { padding-inline: 4px; font-size: 9px; }
  .greeting-mobile-body { font-size: 15px; }
}