/* =========================================================
   mobile-legibility — 手機版白字接色塊修正（issue 2026-07-04-05）
   原站手機版靠「裝飾弧」當白字背景，弧的定位脆弱 → 白字會溢到白底。
   對策：把「靠弧」的區塊改成「實色面板」，和原本就正常的
   IROMONAKA/琥珀糖（實色 dl:before 面板）同一套做法。
   只作用於 ≤767px，桌機不受影響。載入順序在原站 style.css 之後。
   ========================================================= */
@media (max-width: 767px) {

  /* ── IRODORI ようかん（item2）：橘弧沒接住 → 給實色橘面板 ── */
  .home .item_list_item.item2 dl {
    position: relative;
    background: #E67135;                 /* orange */
    margin: -8vw 4vw 0 4vw;              /* 疊上照片下緣一點、左右留白 */
    padding: 8vw 7vw 9vw 7vw;
  }
  .home .item_list_item.item2 dl:before { display: none; }  /* 移除定位脆弱的裝飾弧 */
  .home .item_list_item.item2 dl dt,
  .home .item_list_item.item2 dl dd { position: relative; z-index: 2; }

  /* ── 有平糖（item4）：綠弧太淺 → 給實色綠面板 ── */
  .home .item_list_item.item4 dl {
    position: relative;
    background: #00664B;                 /* green */
    margin: -8vw 4vw 0 4vw;
    padding: 8vw 7vw 9vw 7vw;
  }
  .home .item_list_item.item4 dl:before { display: none; }
  .home .item_list_item.item4 dl dt,
  .home .item_list_item.item4 dl dd { position: relative; z-index: 2; }

  /* ── About 直書宣言：navy 弧太淺 → 文字容器給實色 navy 卡片 ── */
  .home .about_top .inner {
    background: #00345C;                 /* navy */
    padding: 12vw 8vw;
    margin: 0 4vw;
  }
}