/* ============================================================
   chrome-home.css — handcarelab ヘッダー/フッター（全ページ共通）
   元の1枚HTMLの <style> から、ヘッダー・フッター・共通土台のみ抽出。
   渡されたデザインをそのまま反映。
   ============================================================ */

:root{
  --milk:#F2F7FA; --paper:#FFFFFF;
  --plum:#2D7596; --plum-2:#4E94B5; --plum-soft:#82B4CD;
  --champ:#1FB6C6; --champ-lt:#8FE0E8; --lilac:#CDE7F0;
  --ink:#29404B; --sub:#748794; --line:#E2EBF0;
  --serif:"Zen Kaku Gothic New",sans-serif;
  --sans:"Zen Kaku Gothic New",sans-serif;
  --fr:"Fraunces",Georgia,serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
/* body の背景はページ種別で変わるため chrome 側では指定しない（一覧/固定ページ等は Bloom ベースのまま）。
   文字色・フォントなどヘッダー/フッターに必要な土台のみ指定。 */
body{font-family:var(--sans);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased;}
/* リンクの色・下線は領域ごとに本ファイル末尾でまとめて打ち消す（親テーマ対策）。 */
.wrap{max-width:1120px;margin:0 auto;padding:0 28px;}
.serif{font-family:var(--serif);letter-spacing:.05em;}
::selection{background:var(--champ-lt);}

/* utility bar */
.util{background:var(--plum);color:#E9DEE6;font-size:11.5px;letter-spacing:.05em;}
.util .wrap{display:flex;justify-content:space-between;align-items:center;height:36px;}
.util .pr{opacity:.7;font-family:var(--fr);font-style:italic;}

/* header */
header{position:sticky;top:0;z-index:50;background:rgba(242,247,250,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
header .wrap{display:flex;align-items:center;height:74px;gap:30px;}
.logo{display:flex;align-items:center;gap:9px;}
.logo .gem{width:24px;height:24px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);
  background:linear-gradient(135deg,var(--champ-lt),var(--champ) 55%,var(--plum-2));
  box-shadow:inset 2px 2px 4px rgba(255,255,255,.6);}
.logo b{font-family:var(--serif);font-size:23px;font-weight:600;letter-spacing:.04em;color:var(--plum);}
nav.main{display:flex;gap:26px;font-size:13.5px;font-weight:500;margin-left:6px;}
nav.main a{padding:8px 0;position:relative;}
nav.main a:after{content:"";position:absolute;left:0;bottom:2px;width:0;height:1.5px;background:var(--champ);transition:width .25s;}
nav.main a:hover:after{width:100%;}
.search{margin-left:auto;display:flex;align-items:center;gap:8px;background:var(--paper);
  border:1px solid var(--line);border-radius:22px;padding:8px 16px;color:var(--sub);font-size:12.5px;min-width:180px;}

/* footer */
footer{background:#E8F1F6;color:#5C707B;font-size:12.5px;}
footer .wrap{padding:46px 28px 26px;}
.ftop{display:flex;justify-content:space-between;gap:40px;padding-bottom:28px;border-bottom:1px solid #CFE0E9;flex-wrap:wrap;}
.fbrand b{font-family:var(--serif);font-size:21px;color:var(--plum);}
.fbrand p{max-width:250px;margin-top:12px;font-size:12px;line-height:1.8;}
.fcols{display:flex;gap:56px;flex-wrap:wrap;}
.fcol h5{color:var(--plum);font-size:12.5px;margin-bottom:13px;letter-spacing:.08em;}
.fcol a{display:block;padding:5px 0;font-size:12.5px;color:inherit;text-decoration:none;}
.fcol a:hover{color:var(--plum);text-decoration:none;}
.fbot{display:flex;justify-content:space-between;padding-top:18px;font-size:11px;color:#8499A3;flex-wrap:wrap;gap:8px;}
.prnote{background:#D9E8EF;color:#6E828C;font-size:11px;text-align:center;padding:12px;line-height:1.7;}

/* ============================================================
   リンクの色・下線リセット（親テーマ GeneratePress の青下線を打ち消す）
   全クラス定義より後に置き、ヘッダー/フッター領域のリンクに確実に適用。
   ※ .page-wrap（記事一覧・固定ページ等の本文）は対象外＝Bloom のリンク色を温存。
   ============================================================ */
.util a,
header a,
footer a{color:inherit;text-decoration:none;}
.util a:hover,
header a:hover,
footer a:hover{color:inherit;text-decoration:none;}
footer .fcol a:hover{color:var(--plum);}

@media(max-width:880px){
  nav.main,.search{display:none;}
}
@media(prefers-reduced-motion:reduce){
  *{transition:none!important;}
}

/* ヘッダーのフォントをデザイン見本（Zen Kaku Gothic New）に統一
   ── 親テーマ(Bloomベース)の body フォント(Noto Sans JP)の継承を打ち消す ── */
.util, header, nav.main, nav.main a, .search{font-family:var(--serif);}
.util .pr{font-family:var(--fr);} /* PR表記だけは元どおり Fraunces を維持 */