/* ============================================================
   dotcde.com 共通スタイル（全ページが読む唯一の共有ファイル）
   ------------------------------------------------------------
   構成:
   1. デザイントークン（色・幅・書体）
   2. リセット
   3. 共通部品（接頭辞つきクラスのみでスタイルする）
      - .site-header__*  … 下層ページのヘッダー（トップのナビはトップ固有）
      - .site-footer__* … 全ページ共通フッター
   規則:
   - 部品の中を素の要素セレクタ（p, a など）で指定しない
   - ページ側も素の要素セレクタを共通部品に届く形で書かない
     （ページ固有スタイルは main などの領域にスコープする）
   - フッターを直すときはこのファイルだけを直し、
     4ページの HTML は同一の断片（リンクの相対パスのみ差）を保つ
   ============================================================ */

/* 1. トークン */
:root{
  --navy-deep:#1c2f4f;
  --navy:#274672;
  --navy-panel:#2e5185;
  --blue-line:rgba(214,230,248,.14);
  --ink:#f6fafd;
  --ink-dim:#b9cde4;
  --ink-faint:#8aa6c6;
  --accent:#ffd233;
  --maxw:1120px;
  --mono:"SFMono-Regular",Consolas,ui-monospace,Menlo,monospace;
}

/* 2. リセット */
*{margin:0;padding:0;box-sizing:border-box}

/* 3-1. 下層ページのヘッダー */
.site-header{border-bottom:1px solid var(--blue-line);padding:18px 0}
.site-header__wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}
.site-header__brand{font-weight:900;font-size:20px;line-height:1.5;color:var(--ink);text-decoration:none}
.site-header__back{font-size:13px;line-height:1.5;color:var(--ink-faint);text-decoration:none}
.site-header__back:hover{color:var(--ink)}

/* 3-2. 共通フッター */
.site-footer{border-top:1px solid var(--blue-line);padding:26px 0 60px}
.site-footer__wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.site-footer__cols{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;align-items:flex-end}
.site-footer__brand{display:block;margin:0 0 6px;font-weight:900;font-size:19px;line-height:1.5;color:var(--ink);text-decoration:none}
.site-footer__copy{margin:0;font-size:12.5px;line-height:1.7;color:var(--ink-faint)}
.site-footer__copy a{color:var(--ink-faint);text-decoration:none}
.site-footer__copy a:hover{color:var(--ink)}
.site-footer__links{display:flex;gap:20px;flex-wrap:wrap}
.site-footer__links a{font-size:12.5px;line-height:1.7;color:var(--ink-faint);text-decoration:none}
.site-footer__links a:hover{color:var(--ink)}