/* ワザ箱 chrome.css — 旧ツールのページ (legacy/) 専用。新サイトのヘッダー/フッター/検索候補だけを描く。
   site.css は全体リセット (*{margin:0;padding:0} 等) を含み、旧ツール本体のレイアウトを崩すので読ませない。
   値は site.css のヘッダー/フッター部と同じ (変えるときは両方を直す)。 */
:root{
  --bg:#F3F5F7; --card:#FFFFFF; --ink:#18202E; --sub:#536072; --body:#2A3443;
  --accent:#0B5C8A; --line:#D9DFE6; --line-strong:#C5CED8; --marker:#FFE27A;
  --ftr-bg:#18202E; --ftr-ink:#C9D2DD;
}
body{font-family:"Noto Sans JP","Hiragino Sans","Yu Gothic",Meiryo,sans-serif}
.hdr,.ftr{font-size:16px; line-height:1.8}
.hdr *,.ftr *{box-sizing:border-box}
.hdr p,.ftr p{margin:0}
.sr-only{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
.hdr .wrap-wide,.ftr .wrap-wide{max-width:1180px; margin:0 auto; padding:0 32px}
.hdr{background:var(--card); border-bottom:1px solid var(--line)}
.hdr-row{display:flex; flex-wrap:wrap; align-items:center; gap:12px 28px; padding-top:14px; padding-bottom:14px}
.brand{display:flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none}
.hdr .brand-ico{flex:0 0 34px; width:34px; height:34px; vertical-align:middle}  /* 旧 style.css の .brand-ico(1.05em) に負けないよう .hdr で強める */
.brand-txt{display:flex; flex-direction:column; line-height:1.25}
.brand-name{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif; font-size:22px; font-weight:700}
.brand-sub{font-size:11px; color:var(--sub)}
.hdr-nav{display:flex; flex-wrap:wrap; gap:4px 20px; flex:1 1 auto}
.hdr-nav a{color:var(--ink); text-decoration:none; font-size:15px; font-weight:500; padding:8px 0}
.hdr-nav a:hover{color:var(--accent)}
.hdr-nav a[aria-current]{border-bottom:2px solid var(--accent); font-weight:700}
.search{display:flex; flex:0 1 380px; min-width:260px; position:relative; margin:0}
.search input[type=search]{flex:1 1 auto; min-width:0; height:44px; border:1px solid var(--line-strong); border-right:none;
  border-radius:10px 0 0 10px; padding:0 14px; font:inherit; font-size:15px; background:var(--bg); color:var(--ink); margin:0}
.search input[type=search]:focus{outline:2px solid var(--accent); outline-offset:-1px; background:var(--card)}
.search button{width:52px; height:44px; border:none; border-radius:0 10px 10px 0; background:#0B5C8A; color:#fff;
  display:flex; align-items:center; justify-content:center; cursor:pointer; margin:0; padding:0}
.search-pop{position:absolute; left:0; right:0; top:calc(100% + 6px); z-index:50; background:var(--card);
  border:1px solid var(--line-strong); border-radius:12px; box-shadow:0 10px 30px rgba(24,32,46,.16);
  padding:6px 0; max-height:70vh; overflow:auto}
.search-pop a{display:flex; gap:10px; padding:10px 14px; text-decoration:none; color:var(--ink); font-size:14px; line-height:1.55}
.search-pop a:hover,.search-pop a.sel{background:var(--bg)}
.search-pop .c{color:var(--accent); font-weight:700; flex:0 0 auto; font-size:12px; padding-top:2px}
.search-pop mark{background:var(--marker); color:#18202E; padding:0}
.search-pop .f{padding:8px 14px 6px; font-size:12px; color:var(--sub); border-top:1px solid var(--line); margin-top:4px}
.search-pop .z{padding:12px 14px; font-size:14px; color:var(--body)}
.ftr{background:var(--ftr-bg); color:var(--ftr-ink); margin-top:40px}
.ftr .wrap-wide{padding-top:34px; padding-bottom:34px; display:flex; flex-direction:column; gap:14px; font-size:13px; line-height:1.7}
.ftr-links{display:flex; flex-wrap:wrap; gap:8px 24px; align-items:center}
.ftr-links a{color:var(--ftr-ink); font-size:14px}
.ftr-name{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif; font-size:18px; font-weight:700; color:#fff}
.ftr-copy{font-size:12px; opacity:.85}
/* 単体ツールは本文の横幅をヘッダーにそろえる。シフト表/WBS (legacy-app) は表が広いので旧幅 (1780px) のまま */
.legacy-tool main.container{max-width:1180px; padding-left:32px; padding-right:32px}
@media (max-width:600px){
  .legacy-tool main.container{padding-left:16px; padding-right:16px}
  .hdr .wrap-wide,.ftr .wrap-wide{padding:0 16px}
  .search{flex:1 1 100%; min-width:0}
}
/* ダークモードは付けない: 旧ツール本体 (style.css/tool.css) が明るい配色固定のため、ヘッダーだけ暗くなると浮く */
/* 印刷 (送付状・稟議書・あみだくじ等の A4 印刷) にヘッダー/フッターを出さない */
@media print{.hdr,.ftr{display:none !important}}