/* layout.css — ヘッダー(2ゲート)/フッター/コンテナ */
.popura-container{
  width:100%;
  max-width:var(--container-max);
  margin:0 auto;
  padding:0 var(--space-2);
}
.popura-content{ max-width:var(--content-max); margin:0 auto; }

/* ヘッダー */
.popura-header{
  background:var(--bg-card);
  border-bottom:1px solid var(--bg-ruled);
  position:sticky; top:0; z-index:100;
}
.popura-header__inner{
  display:flex; align-items:center; justify-content:space-between;
  padding:var(--space-1) var(--space-2);
}
.popura-header__brand{ font-weight:700; color:var(--forest); font-size:1.1rem; }
.popura-header__brand{ display:flex; align-items:center; }
/* Recruit領域の正式ロゴ画像（410x133）。高さ基準で縮小し、幅は比率追従 */
.popura-header__brand-logo{ display:block; height:40px; width:auto; }

/* 2ゲートナビ */
.popura-gate{ display:flex; gap:var(--space-2); align-items:center; }
.popura-gate__parent a{ color:var(--ink-mid); }
.popura-gate__recruit a{
  color:var(--moss); border:1px solid var(--sage);
  padding:6px 14px; border-radius:var(--radius);
}

/* モバイル：ナビは開閉 */
.popura-nav{ display:none; }
.popura-nav.is-open{ display:block; }
.popura-menu-toggle{
  background:none; border:0; font-size:1.4rem; cursor:pointer; color:var(--forest);
}
@media (min-width:768px){
  .popura-nav{ display:block !important; }
  .popura-menu-toggle{ display:none; }
}

/* フッター */
.popura-footer{
  background:var(--forest); color:#fff;
  padding:var(--space-5) var(--space-2);
  margin-top:var(--space-6);
}
.popura-footer a{ color:var(--sage-pale); }
/* Recruitフッターの正式ロゴ。濃緑背景で緑ロゴが沈むため白の角丸ボックスに載せる */
.popura-footer__brand--logo{ display:inline-block; background:#fff; border-radius:8px; padding:8px 14px; line-height:0; }
.popura-footer__brand--logo img{ display:block; height:36px; width:auto; }
.popura-footer__note{ color:var(--stone); font-size:.85rem; margin-top:var(--space-3); }

/* セクション余白（広め） */
.popura-section{ padding:var(--space-5) 0; }