/* ============================================================
   テーマ: sanpai（産廃実務ノート）— 「綴じた実務レポート」
   骨格は style.css と共通。雰囲気（実直・現場の作業文書・mono数値・
   抑制した1アクセント＋1ハイライト）は保ち、見た目の手がかりだけ別物にする。

   方眼グリッド → 無地の上質紙 / 赤ペン → インクグリーン /
   蛍光イエローの一筆 → 明朝見出し＋細い下線・採番 / 二重赤罫 → 単線
   ============================================================ */
:root {
  --paper:    #F6F6F1;  /* 上質紙（やや清潔に）*/
  --ink:      #1A1C1A;  /* インク（わずかに緑みの黒）*/
  --ink-soft: #5B615A;
  --grid:     #E2E5DD;  /* もう方眼には使わない。図版枠などの淡線として残す */
  --rule:     #D7DBD1;  /* 罫線（ヘアライン）*/
  --pen:      #2F6B4B;  /* インクグリーン（環境・実務の信頼色）*/
  --pen-deep: #21503A;
  --marker:   #CFE0BE;  /* ハイライト＝淡いモスグリーン（蛍光イエローの置換）*/

  --disp: "Zen Old Mincho", "Noto Sans JP", serif;   /* 見出し＝明朝で報告書の格 */
  --mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
}

/* ── 地：方眼を外して無地の紙に（最大の手がかりを消す）────────── */
body {
  background-image: none;
  line-height: 1.9;
}

/* ── マストヘッド／フッター：二重赤罫 → 単線＋上部に細いアクセント帯 ── */
.masthead, .site-header {
  border-bottom: 1px solid var(--ink);
  border-top: 4px solid var(--pen);
  background:
    linear-gradient(180deg, rgba(246,246,241,0) 0%, rgba(246,246,241,.85) 60%, var(--paper) 100%);
}
.site-footer {
  border-top: 1px solid var(--ink);
}

/* ── ブランド：明朝・蛍光ペンの一筆 → 直線の下線（実務文書の見出し）── */
.brand {
  font-weight: 900;
  letter-spacing: .02em;
}
.swipe::before {
  top: auto; bottom: -.04em;
  left: 0; right: 0;
  height: .14em;
  background: var(--pen);
  transform: none;
  border-radius: 0;
  mix-blend-mode: normal;
}

/* kicker：赤 → インクグリーン */
.kicker { color: var(--pen); }

/* ── 本文見出し：赤い左バー → 採番（01/02…）＋細い下線の章立て ── */
.article-body { counter-reset: h2; }
.article-body h2 {
  border-left: none;
  padding-left: 0;
  padding-bottom: .35em;
  border-bottom: 1px solid var(--rule);
  display: flex;
  align-items: baseline;
  gap: .6em;
}
.article-body h2::before {
  counter-increment: h2;
  content: counter(h2, decimal-leading-zero);
  font-family: var(--mono);
  font-weight: 600;
  font-size: .72em;
  color: var(--pen);
  letter-spacing: .02em;
}
h2 { border-left: none; padding-left: 0; }

/* h3：赤い ▸ → 小さな緑の角（■）*/
h3::before { content: "■ "; color: var(--pen); font-size: .8em; }

/* ── ハイライト系（変数化されていない黄tintを緑へ差し替え）────────── */
blockquote {
  background: rgba(207, 224, 190, .35);
  border-left-color: var(--pen);
}
.toc__list a:hover,
.toc__list a:focus-visible { background: rgba(207, 224, 190, .4); }
.topicnav__item:hover,
.topicnav__item.is-active { background: rgba(207, 224, 190, .4); }
.tokushu-cta__link { background: rgba(207, 224, 190, .28); }
.tokushu-cta__link:hover { background: rgba(207, 224, 190, .45); }
a.tk-item:hover { background: rgba(207, 224, 190, .22); }
.thumb__mark { background: rgba(207, 224, 190, .8); }

.calc-tab:hover { background: rgba(47, 107, 75, .08); }
.calc-input:focus-within { box-shadow: 0 0 0 3px rgba(47, 107, 75, .14); }
.cta__btn--ghost:hover { background: rgba(47, 107, 75, .08); }

/* ── 図版・アイキャッチ：角丸を抑えて文書資料らしく ── */
.article-hero img { border-radius: 4px; }
.article-figure img { border-radius: 4px; }

a { text-decoration-thickness: 1px; text-underline-offset: 3px; }