/* ===========================================================
   計算室・鑑定ツール・総合入口の共通の配色（昼／夜）

   ・基準は白（昼）。夜は :root[data-theme="dark"] で変数だけ差し替える
   ・切り替えは theme.js（右上の「☾ 夜 / ☀ 昼」、端末に記憶、OS の設定を既定に）
   ・ページの CSS はここの変数だけを使う。色を直に書かない
   ・印刷は常に白
   =========================================================== */
:root{
  --paper:#FCFBF9; --bg:#FCFBF9; --card:#FFFFFF; --tint:#F5F3EF; --field:#FFFFFF; --topbar:rgba(252,251,249,.94);
  --ink:#33303A; --ink-strong:#1D1A24; --ink2:#5A5661; --muted:#6E6875; --on-strong:#FFFFFF;
  --line:rgba(40,35,50,.14); --line2:rgba(40,35,50,.07);
  --accent:#35548F; --accent-soft:rgba(53,84,143,.09);
  --gold:#9A7B2E; --gold2:rgba(154,123,46,.4); --gold3:rgba(154,123,46,.07);
  --vermilion:#B4483F; --red:#B4483F;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --paper:#0B0F1A; --bg:#0B0F1A; --card:#121828; --tint:#181F31; --field:#0E1322; --topbar:rgba(11,15,26,.92);
  --ink:#E3E0D8; --ink-strong:#F3F0E8; --ink2:#B4B1A9; --muted:#8B8880; --on-strong:#0B0F1A;
  --line:rgba(231,228,220,.16); --line2:rgba(231,228,220,.08);
  --accent:#8FB0E8; --accent-soft:rgba(143,176,232,.14);
  --gold:#C9A227; --gold2:rgba(201,162,39,.45); --gold3:rgba(201,162,39,.12);
  --vermilion:#E06A5E; --red:#E06A5E;
  color-scheme:dark;
}
html{background:var(--paper)}
body{background:var(--paper);color:var(--ink)}
.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 16px;background:var(--topbar);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.brand{font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-weight:700;text-decoration:none;color:var(--ink-strong);letter-spacing:.04em;font-size:16px}
.brand small{display:block;font-size:9.5px;letter-spacing:.18em;color:var(--muted);font-weight:500}
.topbar nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;letter-spacing:0}
.topbar nav a{text-decoration:none;color:var(--accent)} .topbar nav a:hover{text-decoration:underline}
.lang-sw{margin-left:6px;color:var(--muted)} .lang-sw a{color:var(--muted)!important} .lang-sw a.on{color:var(--gold)!important}
.theme-sw{margin-left:4px} .theme-sw button{font:inherit;font-size:12px;line-height:1.5;padding:2px 10px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--muted);cursor:pointer;letter-spacing:0}
.theme-sw button:hover{color:var(--gold);border-color:var(--gold2)}
.crumb{font-size:12px;color:var(--muted);margin:6px 0 18px} .crumb a{color:var(--muted)}
@media print{
  :root,:root[data-theme="dark"]{--paper:#fff;--bg:#fff;--card:#fff;--tint:#fff;--field:#fff;--ink:#000;--ink-strong:#000;--ink2:#222;--muted:#444;--on-strong:#fff;--line:#999;--line2:#ccc;--accent:#000;--gold:#5a4614;--gold2:#999;--gold3:transparent;color-scheme:light}
  .theme-sw,.lang-sw{display:none!important}
}

/* スマホ：余分な行間と余白を詰める（全道具共通。各ページの style に勝つよう body を付けている） */
@media (max-width:600px){
  body{line-height:1.6}
  body .wrap{padding:8px 10px 44px}
  body h1{font-size:22px;line-height:1.3;margin-bottom:4px}
  body h2{margin:16px 0 6px;padding-bottom:4px;font-size:16px}
  body .lead{font-size:13px;line-height:1.6;margin:0 0 10px}
  body p{margin:0 0 8px}
  body .crumb{margin:2px 0 8px;font-size:11px}
  body .topbar{padding:6px 10px}
  body .topbar nav{font-size:12px;gap:3px 9px}
  body .form,body form.form{padding:8px 10px 9px;margin-bottom:8px}
  body .row{gap:4px 8px;margin:0 0 5px}
  body .row.act{margin-top:6px;padding-top:6px}
  body .fld{gap:1px}
  body .fld label,body .legend{font-size:11px}
  body .fld input,body .fld select{font-size:14px;padding:4px 6px;border-radius:5px}
  body .chk{padding-bottom:2px;font-size:12.5px}
  body .w4{width:4.9em} body .w3{width:3.7em} body .w6{width:6.2em} body .wp{width:9.5em} body .wn{width:9em}
  body .pbar{padding:6px 10px;margin-bottom:8px;gap:4px 10px;font-size:12.5px}
  body .note{font-size:12px;line-height:1.55}
  body button{padding:5px 10px;font-size:13px}
  body button.primary{padding:7px 14px;font-size:14px}
  body .cur{margin-top:8px;padding:7px 10px}
  body .pnote{font-size:11.5px;line-height:1.5}
  body .toolbar{margin:0 0 8px;font-size:11.5px}
}