/* layout.css ― コンテナ・セクション・グリッド（案A） */

.container{ max-width:var(--maxw); margin-inline:auto; padding-inline:clamp(1.25rem,4vw,2rem); }
.container--narrow{ max-width:var(--maxw-narrow); }

.section{ padding-block:clamp(3.5rem,8vw,5.5rem); }
.section--sub{ background:var(--c-bg-sub); border-block:1px solid var(--c-line); }
.section--ink{ background:var(--c-ink); color:#d6cfc2; }
.section--ink h1,.section--ink h2,.section--ink h3{ color:#fff; }

/* セクション見出し：等幅ラベル＋太いゴシック大見出し（中央寄せ反復を避ける） */
.lead{ max-width:var(--maxw-narrow); margin-bottom:var(--sp-10); }
.lead__eyebrow{ display:inline-block; font-family:var(--font-mono); font-size:var(--fs-xs);
  font-weight:500; color:var(--c-accent); letter-spacing:.18em; text-transform:uppercase;
  border-bottom:2px solid var(--c-accent); padding-bottom:.5em; margin-bottom:var(--sp-5); }

.stack > * + *{ margin-top:var(--sp-4); }
.grid{ display:grid; gap:var(--sp-5); }
.grid-2{ grid-template-columns:repeat(2,1fr); }
.grid-3{ grid-template-columns:repeat(3,1fr); }
.grid-auto{ grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
@media (max-width:820px){ .grid-3{ grid-template-columns:1fr 1fr; } }
@media (max-width:640px){ .grid-2,.grid-3{ grid-template-columns:1fr; } }

.split{ display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(1.5rem,4vw,3.5rem); align-items:center; }
@media (max-width:820px){ .split{ grid-template-columns:1fr; } }