/*
  custom.css — 手動覆寫層（保險絲）
  ─────────────────────────────────
  這個檔案「刻意留空」。它在每一頁的載入順序是最後一個：
      fonts.css → styles.css → custom.css   ← 後載入者覆蓋前者

  用途：當你（或不會跑 Node 工具鏈的維護者）需要改樣式、但不想動
  styles.css（那是 Tailwind CLI 自動產生的，手改會在下次重跑時被覆蓋）
  時，把覆寫規則寫在這裡即可，存檔上傳立刻生效、不需要任何 build。

  範例：
      .eyebrow { letter-spacing: 0.3em; }

  注意：這裡只放「小量、臨時」的覆寫。若累積太多，請工程師把規則
  收編回 tools/tailwind.css 後重跑 build:css，再清空本檔。
*/

/* 媒體報導截圖存證：CSS-only lightbox（:target 切換），不需要 JS
   用法見 medicalbase-japan-cooperation.html — 縮圖 <a href="#press-01">，
   對應 <div id="press-01" class="press-lightbox">大圖 + 關閉連結</div> */
.press-lightbox {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 100;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  background: rgba(15, 18, 30, 0.92);
}
.press-lightbox:target {
  display: flex;
}
.press-lightbox img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 0.75rem;
}
.press-lightbox-close {
  position: absolute;
  top: 1.5rem;
  right: 1.75rem;
  color: #fff;
  font-size: 2.25rem;
  line-height: 1;
  text-decoration: none;
}