@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap');

/* ============================================================
   画地の計算（2次）共通テーマ：検地絵図スタイル
   古びた紙の帳面／墨の二重枠／朱は印・図心・解答のみ。
   各地目の style.css の「後に」読み込み、色・枠だけ上書き。
   レイアウト（幅・配置）と script.js（計算）は一切変更しない。
============================================================ */
:root{
  --sumi:#2B2118; --sumi-hover:#4A3F2E; --k-ink:#1A1A1A; --k-ink-muted:#8A7A5C;
  --shu:#B23A2A; --shu-deep:#7E2418;
  --bg-page:#EFE6CF; --bg-paper:#F7EFDB; --bg-paper-hover:#EFE4C6; --bg-plot:#E2E7D2;
  --line-soft:#000;
  --k-serif:'Noto Serif JP','Hiragino Mincho ProN','Yu Mincho','MS Mincho',serif;
}

body{ background:var(--bg-page)!important; color:var(--k-ink)!important; font-family:var(--k-serif)!important; }

/* ヘッダー（ログインバー）＝上下の二重罫だけ */
.compact-auth-bar{
  background:transparent!important; border:none!important;
  border-top:3px double var(--sumi)!important; border-bottom:3px double var(--sumi)!important;
  border-radius:0!important; box-shadow:none!important;
}
.auth-left{ color:#4A4535!important; }
.compact-input{ border:1.5px solid var(--sumi)!important; border-radius:0!important; background:#fff!important; color:var(--k-ink)!important; font-family:var(--k-serif)!important; }
.compact-input::placeholder{ color:#6F675A!important; }
.compact-btn, .btn-white{ background:var(--bg-paper)!important; border:1px solid var(--sumi)!important; color:var(--sumi)!important; border-radius:0!important; box-shadow:none!important; font-family:var(--k-serif)!important; }
.compact-btn:hover, .btn-white:hover{ background:var(--bg-paper-hover)!important; }
.btn-blue{ background:var(--sumi)!important; border:1px solid var(--sumi)!important; color:#fff!important; border-radius:0!important; box-shadow:none!important; }
.btn-blue:hover{ background:var(--sumi-hover)!important; }

/* 次の問題＝墨 / 初期化＝控えめ（ログインバーへ移設済み） */
.btn-primary{ background:var(--sumi)!important; color:#fff!important; border:none!important; border-radius:0!important; box-shadow:none!important; font-family:var(--k-serif)!important; font-weight:700!important; letter-spacing:.12em!important; }
.btn-primary:hover{ background:var(--sumi-hover)!important; }
.btn-secondary{ background:var(--bg-paper)!important; color:var(--k-ink-muted)!important; border:1px solid var(--line-soft)!important; border-radius:0!important; box-shadow:none!important; font-family:var(--k-serif)!important; }
.btn-secondary:hover{ background:var(--bg-paper-hover)!important; }

/* パネル＝墨の二重枠（外太線＋インセット細線） */
.eval-tool-container, .calc-panel{
  background:var(--bg-paper)!important; border:2px solid var(--sumi)!important; border-radius:0!important;
  box-shadow: inset 0 0 0 4px var(--bg-paper), inset 0 0 0 5px var(--sumi) !important;
}
.eval-tool-title, .calc-panel h3{
  color:var(--sumi)!important; letter-spacing:.2em!important; border-bottom:2px solid var(--sumi)!important;
}

/* 修整係数一覧（帳面の行） */
.eval-form-group{ border-bottom:1px solid var(--line-soft)!important; }
.eval-form-label{ color:var(--k-ink)!important; font-weight:700!important; }
.eval-result-val{ color:var(--k-ink)!important; font-family:var(--k-serif)!important; }
.eval-unit{ color:var(--k-ink-muted)!important; }

/* セレクト＝白地に墨枠・角丸なし */
.eval-select, select{
  border:1px solid var(--sumi)!important; border-radius:0!important; background-color:#fff!important; color:var(--k-ink)!important; font-family:var(--k-serif)!important;
}
.eval-select:focus, select:focus{ border-color:var(--sumi)!important; }

/* 計算パネル・入力・答え */
#quiz-area{ background:var(--bg-plot)!important; border:1px solid var(--line-soft)!important; border-radius:0!important; }
#quiz-area input, .answer-input{ border:1.5px solid var(--k-ink)!important; border-radius:0!important; background:#fff!important; color:var(--k-ink)!important; font-family:var(--k-serif)!important; }
.calc-step{ background:var(--bg-paper)!important; border-left:4px solid var(--sumi)!important; border-radius:0!important; color:var(--k-ink)!important; font-size:16px!important; /* 解説文字を+1px（各地目style.cssの15px→16px） */ }
.calc-step strong{ color:var(--shu)!important; }
.calc-formula{ background:#fff!important; border:1px solid var(--line-soft)!important; border-radius:0!important; color:var(--k-ink)!important; }
.final-result{ background:var(--bg-paper)!important; border:2px solid var(--sumi)!important; border-radius:0!important; color:var(--shu)!important; }

/* 解答するボタン＝指定の緑 */
.btn-submit{ background:#5B7539!important; color:#fff!important; border:none!important; border-radius:0!important; box-shadow:0 2px 0 #3B4C22!important; font-family:var(--k-serif)!important; letter-spacing:.15em!important; }
.btn-submit:hover{ background:#4D6330!important; }

/* 図面（SVG）：背景は白、墨枠、文字は墨 */
.main-dashboard svg{ background:#fff!important; border:1px solid var(--sumi)!important; }
.title-text, .dimension-text, .rosenka-text{ fill:var(--sumi)!important; }