/* テーマ「帳簿」— おかね帳。紙色の地に濃紺の罫、真鍮色の差し色、明朝の見出し。角は立てる。 */
:root{
  --bg:#F5F0E6;--surface:#FFFDF8;--ink:#202A3A;--text:#4B5160;--muted:#6B6F76;
  --rule:#9A917F;--line:#202A3A;--header-line:#202A3A;--header-bg:#F5F0E6;--footer-bg:#ECE5D6;--promise-line:#202A3A;
  --accent:#A5782A;--accent-text:#7E5A1C;--accent-soft:#F1E8D6;--accent-dim:#D9CDB4;--second:#A5782A;--accent-ink:#F5F0E6;
  --link:#7E5A1C;--link-hover:#5C4114;--nav-ink:#202A3A;
  --radius:0;--radius-lg:0;--radius-sm:0;--search-gap:0;
  --btn-bg:transparent;--btn-line:#202A3A;--btn-hover-bg:#EDE6D8;--btn-primary-bg:#202A3A;--btn-primary-ink:#F5F0E6;
  --input-border:0 solid transparent;--input-bg:transparent;
  --seg-line:#202A3A;--seg-on-bg:#202A3A;--seg-on-ink:#F5F0E6;
  --notice-bg:transparent;--error:#8B2E2E;
  --big-size:30px;--big-weight:700;--big-color:#202A3A;
  --font-display:'Shippori Mincho','Hiragino Mincho ProN','Yu Mincho',serif;
  --font-body:'Noto Sans JP','Hiragino Sans','Yu Gothic UI',Meiryo,system-ui,sans-serif;
  --font-num:var(--font-body);--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.search{border:1px solid var(--ink);background:var(--surface)}
.search input{border:0;background:transparent;padding:14px 16px}
.search button{border:0;border-left:1px solid var(--ink)}
.brand-name{font-size:28px}
/* 入力欄は下罫線だけ（帳簿の記入欄） */
input[type=number],input[type=text],input[type=date],select,textarea{border-bottom:1px solid var(--ink);padding:9px 8px;border-radius:0}
input[type=number],input[type=text]{text-align:right}
select{text-align:left}
input::placeholder{color:#9A917F;text-align:right}
.tool-body>form{gap:18px}
.tool-body>form::after{content:"入力は端末内でのみ計算されます。";font-size:12px;color:var(--muted)}
.result{padding:18px 24px}
.result .big{margin:-18px -24px 14px;padding:16px 24px;border-bottom:1px solid var(--ink);background:var(--bg);font-family:var(--font-display)}
.result .big .unit{font-family:var(--font-body);font-size:13px}
.result table{font-size:15px}
.result th:first-child,.result td:first-child{padding-left:0}
.result th:last-child,.result td:last-child{padding-right:0}
.result h3{font-size:16px;margin:18px 0 4px}
.result>p{font-size:13px;color:var(--text)}
.stamp{letter-spacing:.14em}
.hero{padding-bottom:40px;border-bottom:1px dotted var(--rule);align-items:end}
.hero-main{display:flex;flex-direction:column;gap:20px}
.hero h1{font-family:var(--font-display);font-size:44px;line-height:1.35;letter-spacing:.02em}
.hero .lead{font-size:16px;max-width:560px}
.season{border:1px solid var(--ink);padding:24px 28px;background:var(--surface);display:flex;flex-direction:column;gap:12px}
.season-title{font-family:var(--font-display);font-size:22px;font-weight:700}
.season-text{font-size:14px;color:var(--text)}
.season-list{list-style:none;margin-top:8px;display:flex;flex-direction:column;gap:8px;font-size:15px}
.season-list li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dotted var(--rule);padding-bottom:6px}
.season-list li:last-child{border-bottom:0}
.season-list a{text-decoration:none}
.season-list a:hover{text-decoration:underline}
.season-list .small{color:var(--muted)}
.index{padding:48px 0 8px}
.index h2{font-family:var(--font-display);font-size:26px}
.changelog-strip{margin-top:40px;display:flex;gap:24px;align-items:baseline;flex-wrap:wrap}
.changelog-strip ul{list-style:none;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text)}
.changelog-strip .num{color:var(--ink)}
.btn{font-weight:400}
.faq summary{font-weight:500}
.category-head{margin-top:20px;padding-bottom:24px;border-bottom:1px dotted var(--rule)}
.category-head h1{font-family:var(--font-display);font-size:34px}
.group-card{display:flex;flex-direction:column}
.group-card h2{padding:14px 0 8px;font-size:13px;letter-spacing:.18em;color:var(--accent-text);border-bottom:1px solid var(--line);font-weight:700;font-family:var(--font-body)}
@media (max-width:900px){.hero h1{font-size:34px}.hero{align-items:start}}