/* ==========================================================
   Scenic Iceland — 布局容器
   ========================================================== */

.container {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 var(--space-4);
}

/* 固定导航之下的正文起始位置 */
.site-main { padding-top: var(--nav-height); }

/* 首页英雄区自己贴住导航，不需要额外留白 */
.site-main.is-flush { padding-top: 0; }

/* 只设纵向内边距：.section 常与 .container 挂在同一个元素上，
   用 padding 简写会连带把容器的左右留白清零。 */
.section { padding-block: var(--space-4) var(--space-6); }
.section + .section { border-top: 1px solid var(--color-border); }

.section-title {
  font-size: clamp(1.75rem, 1rem + 1.5vw, 2.5rem);
  font-weight: 700;
  letter-spacing: -0.025em;
  color: var(--color-text);
  margin-bottom: var(--space-4);
  line-height: 1.15;
}