/* shell.css: サイト共通レイアウト */
:root {
  --container: min(1200px, 92vw);
}
.site-container {
  width: var(--container);
  margin-inline: auto;
}

/* 縦積みユーティリティ */
.stack-24 > * + * {
  margin-top: clamp(12px, 2vw, 24px);
}
.stack-40 > * + * {
  margin-top: clamp(16px, 3vw, 40px);
}

/* セクション余白 */
.section {
  padding: clamp(28px, 6vw, 72px) 0;
}

/* アクセシビリティ */
:where(a, button, [tabindex]):focus-visible {
  outline: 2px solid rgba(255, 212, 0, 0.6);
  outline-offset: 2px;
}