/*
 * issue 180（取代 issue 177 的卡片畫布）：大螢幕採「滿版色帶＋內容置中」。整個檔案只有 @media (min-width: 1600px) 一段，
 * 1599px 以下完全不生效。每個區塊的底色照常橫跨整個螢幕，內容版心由 1320px 放到 1440px 後置中；不做卡片、圓角、間距，
 * 因此不同內容的區塊不會出現大小不一。另外只處理首屏：高度設上限、內容垂直置中，雷達對齊版心、不壓到文字與按鈕。
 */
@media (min-width: 1600px) {
  :root { --max: clamp(90rem, 62.5vw, 100rem); }

  /* ---------- 首頁首屏：高螢幕上不再佔滿整個畫面高度，大標不再沉到底部 ---------- */
  #main#main > .hero { align-content: center; min-height: min(100svh, 67.5rem); }
  /* issue 189（C1）：2340px 以上隨寬度微幅放大，2560 寬時到 8.5rem 為止（保守），首屏不再顯得空；1920 維持 7.75rem。 */
  .hero .hero-title { font-size: clamp(7.75rem, 5.3vw, 8.5rem); }
  /* 雷達佔右側（說明文字與按鈕在任何寬度都是同一欄靠左，見 home.css .hero-row），按鈕不會落在雷達的圈與訊號字上。 */
  .radar { right: max(-1rem, calc((100% - var(--max)) / 2 - 13.75rem)); top: 38%; width: clamp(32rem, 36vw, 43.75rem); translate: 0 -50%; }

  /* ---------- 內頁頁首：同樣設高度上限、內容垂直置中 ---------- */
  #main#main > .page-head { justify-content: center; min-height: min(70svh, 36rem); }

  /* ---------- issue 189（C1）：頁首膠囊與版心對齊 ----------
     膠囊不再橫跨整個螢幕（1920 時 Logo 在 x≈37、內容從 x=240 開始）：左右各縮到版心外一個內距，
     Logo 的左緣與內容欄左緣切齊，聯絡按鈕的右緣與內容欄右緣切齊。fixed 元素的 100% 是視窗寬（不含捲軸），與版心的計算基準相同。 */
  .site-header { left: max(.75rem, calc((100% - var(--max)) / 2 - 1.125rem)); right: max(.75rem, calc((100% - var(--max)) / 2 - .5rem)); }
}