/* =========================================================
   本番移行後の追加分（2026-10-24〜）
   テーマの CSS（renewal.css・renewal-page.css）は本番と同じに保つため触らず、
   足したものはここに書く。Base.astro で最後に読み込むので、同じ詳細度ならこちらが勝つ
   ========================================================= */

/* 意味のかたまり（.nw）の途中で折り返さない（「す。」「で。」だけが次の行に落ちるのを防ぐ） */
.nw { display: inline-block; }

/* トップの事業案内：AI顧問を足して3列に（880px 以下は1列のまま） */
.service_area { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 1120px; }
@media (max-width: 880px) {
  .service_area { grid-template-columns: 1fr; }
}

/* AI顧問 紹介ページ（src/pages/ai.astro）
   印刷物制作ページの .printlp をそのまま使い、写真と3列の並びだけ差し替える */
.ailp .hero {
  background:
    linear-gradient(90deg, rgba(8,29,43,.94) 0%, rgba(8,29,43,.84) 40%, rgba(8,29,43,.3) 74%, rgba(8,29,43,.62) 100%),
    url("../img/ai-consulting.webp");
  background-size: cover; background-position: center;
}
.ailp .lineup, .ailp .features.three { grid-template-columns: repeat(3, minmax(0,1fr)); }
.ailp .lineup .item p { line-height: 1.75; }

@media (max-width: 880px) {
  .ailp .hero { background: linear-gradient(180deg, rgba(8,29,43,.96) 0%, rgba(8,29,43,.88) 52%, rgba(8,29,43,.68) 100%), url("../img/ai-consulting.webp"); background-size: cover; background-position: 58% center; }
  .ailp .lineup, .ailp .features.three { grid-template-columns: 1fr; }
}

/* スマホで画面下に出る相談ボタン（.sticky-cta・880px 以下）と、ページトップのボタンが重ならないように、
   相談ボタンがあるページだけページトップをその上に逃がす（相談ボタンは下から16px＋高さ68px） */
@media (max-width: 880px) {
  body:has(.sticky-cta) #pagetop { bottom: 96px; }
}