/* diagnosis/diagnosis.css
   assets/style.css を先に読み込んだ上でこちらを読み込む */

/* assets/style.css にない変数を補完 */
:root {
  --green-light: #e8f6f2;
  --border: #dce6e2;
  --sub: #555;
}

/* 診断ページの背景（assets/style.css の #fff を上書き） */
body { background: #f0f4f2; }

/* ヘッダー: sticky化 */
.site-header { position: sticky; top: 0; z-index: 100; }

/* ヘッダーリンク（diagnosis ページ共通） */
.header-diag-link { font-size: 0.8em; color: rgba(255,255,255,0.85); text-decoration: none; border: 1px solid rgba(255,255,255,0.35); padding: 5px 14px; border-radius: 20px; white-space: nowrap; }
.header-diag-link:hover { background: rgba(255,255,255,0.15); }

/* ハンバーガー: 共通ドロワー（assets/style.css の .hb-* を使用）を右寄せ */
.site-header .hb-toggle-btn { margin-left: auto; }
.header-diag-link + .hb-toggle-btn { margin-left: 10px; }
/* スマホ: tagline と diag-link を隠してハンバーガーを確保 */
@media (max-width: 520px) {
  .site-tagline { display: none; }
  .header-diag-link { display: none; }
}

/* ページラッパー */
.page-wrap { max-width: 720px; margin: 0 auto; padding: 0 20px 60px; }