@layer theme-custom {
div.content.nav-logo nav.navbar .navbar-brand img,
nav.navbar .navbar-brand img {
  width: 320px !important;
  max-width: 42vw !important;
  height: auto !important;
  max-height: none !important;
}

div.content.nav-logo nav.navbar .navbar-brand,
nav.navbar .navbar-brand {
  display: inline-flex !important;
  align-items: center !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

@media (min-width: 1024px) {
  /* 01｜Banner：桌機略收斂首屏高度，讓下一區能更早進入視線 */
  #pjax-container .carousel img,
  #pjax-container .carousel-item img,
  #pjax-container .banner img,
  #pjax-container .index-banner img {
    max-height: 720px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  /* 02–08｜整體垂直節奏收斂約 15–20% */
  section.index-editor > section {
    padding-top: 76px !important;
    padding-bottom: 82px !important;
  }

  /* 內容寬度略收斂，避免超寬螢幕閱讀視線過度拉長 */
  section.index-editor > section > div {
    max-width: 1060px !important;
  }

  /* 區塊內第一層主要標題區縮短下方空白 */
  section.index-editor > section > div > div:first-child {
    margin-bottom: 46px !important;
  }

  /* 卡片／網格間距一致收斂 */
  section.index-editor [style*="display:grid"],
  section.index-editor [style*="display: grid"] {
    gap: 20px !important;
  }

  /* 卡片內距略收，保留高級留白但不顯鬆散 */
  section.index-editor .a02-card,
  section.index-editor .a07-story,
  section.index-editor .a07-view {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

  /* 06 工具標籤、一般工具列略緊湊 */
  section.index-editor span[style*="padding:14px 12px"],
  section.index-editor span[style*="padding: 14px 12px"] {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
  }

  /* 08 收尾區額外縮短，避免 CTA 後還有過長空間 */
  section.index-editor:last-of-type > section {
    padding-top: 78px !important;
    padding-bottom: 82px !important;
  }
}

@media (max-width: 768px) {
  div.content.nav-logo nav.navbar .navbar-brand img,
  nav.navbar .navbar-brand img {
    width: 230px !important;
    max-width: 68vw !important;
  }

  div.content.nav-logo nav.navbar .navbar-brand,
  nav.navbar .navbar-brand {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}
}