@charset "UTF-8";

:root{
  --header-h: 56px;
  --footer-h: 64px; /* デフォルト。ページ別に上書きOK */
}

.pwa-main{
  max-width: 720px;
  margin: 0 auto;

  /* ★ fixed header/footer 分の余白（safe-area込み） */
  padding-top: calc(var(--header-h) + 16px + env(safe-area-inset-top));
  padding-right: 14px;
  padding-left: 14px;
  padding-bottom: calc(var(--footer-h) + 16px + env(safe-area-inset-bottom));

  display: grid;
  gap: 14px;
}

/* ページ別に footer の高さを切り替える（混在防止の要） */
.pwa-main--legal{ --footer-h: 120px; }  /* 法務リンクフッターはやや高い */
.pwa-main--stars{ --footer-h: 72px; }   /* 星表示フッターは低め */