/* ===== seiko: index/works 共通・モバイル専用の見やすさ調整 ===== */
@media (max-width: 768px) {

  /* 基本余白／横スクロール抑止 */
  html, body { overflow-x: hidden; }
  .wrap { padding-left: 16px !important; padding-right: 16px !important; }

  /* ===================== Header ===================== */
  header .wrap.bar{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:8px 10px !important;
    height:auto !important;
    padding:10px 0 !important;
  }

  /* ロゴは横一行で切らさない */
  header .logo, header .logo a{
    font-size:16px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
    word-break:keep-all !important;
    display:inline-block !important;
    flex: 1 1 auto !important;
    min-width: 160px !important;
  }

  /* ナビは “ボタン化しない”（枠・背景を外す）＋2段まで折返し */
  header nav ul{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    width:100% !important;
    order:2 !important;
    margin:2px 0 0 !important;
    padding:0 !important;
  }
  header nav li{ list-style:none !important; }
  header nav a{
    display:inline-block !important;
    padding:6px 8px !important;
    border:none !important;          /* ← 枠線を消す主因 */
    background:transparent !important;
    font-size:13px !important;
    color: var(--muted) !important;
  }

  /* TEL は1行・右寄せでナビの下へ */
  header .tel{
    order:3 !important;
    width:100% !important;
    text-align:right !important;
    font-size:14px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
  }

  /* ===================== Works（カード横並び） ===================== */
  .gallery.cards{
    display:grid !important;
    grid-template-columns:1fr !important; /* 2列にしたいときは repeat(2,1fr) */
    gap:14px !important;
  }
  .card.pr.spacer{ display:none !important; }
  .card.pr{
    display:grid !important;
    grid-template-columns:112px 1fr;
    align-items:start;
    gap:12px;
    padding:12px 14px !important;
  }
  .card.pr img{
    width:100% !important; height:auto !important;
    aspect-ratio:4/3; object-fit:cover; border-radius:8px;
  }
  .card.pr .meta{ padding:0 !important; display:flex !important; gap:6px; }
  .card.pr .meta h3{
    font-size:16px !important; line-height:1.4 !important; margin:0 !important;
    word-break:keep-all; overflow-wrap:anywhere;
  }
  .card.pr .cap{ font-size:14px !important; line-height:1.7 !important; }
  .card.pr time{ font-size:12.5px !important; }
  .card.pr .links{ grid-column:1/-1; padding:8px 0 0 !important; gap:8px !important; }

  /* ===================== Footer ===================== */
  .footgrid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    text-align:center !important;
  }
  footer .fine{
    font-size:13px !important; line-height:1.6 !important;
    word-break:keep-all !important;   /* 逐字折りを抑止 */
    white-space:normal !important;
  }
  footer .fine br{ display:none !important; } /* 万一の手動改行を無効化 */
}