/* 瓦版（読み物）だけの部品。共通の決まりは DESIGN.md と /assets/site.css（変えない）。
   ここで足すのは：号の目次、あわせて読む、早見表（車種ごとの列）、年表、「これから集める」の枠、届け人歓迎の札、数字の番付 */

.kw .chap-h .fuda{font-size:17px}
.kw-sec{padding:4px 0 0}
.kw h2.ban-h{margin-top:40px}
.kw h3{margin:22px 0 6px}
.kw p{max-width:40em}

/* 号の目次：番付の行 */
.kw-toc{margin:0 0 8px;border-top:2px solid var(--rule)}
.kw-toc ol{list-style:none;margin:0;padding:0;counter-reset:k}
.kw-toc li{counter-increment:k;border-bottom:1px solid var(--hair)}
.kw-toc a{display:flex;gap:12px;align-items:center;min-height:44px;padding:6px 2px;text-decoration:none;font-weight:700;color:var(--head);line-height:1.5;word-break:auto-phrase}
.kw-toc a:before{content:counter(k);flex-shrink:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--kon);color:var(--on-kon);font-size:13px;font-variant-numeric:tabular-nums}
.kw-toc a:hover{background:var(--bg2)}

/* 早見表：左の列（違反の名前）は横に動かしても残す。狭い画面では表の中だけ横に動く */
.hayami-wrap{overflow-x:auto;margin:6px 0 4px;border-top:5px solid var(--rule);-webkit-overflow-scrolling:touch}
.hayami-wrap:focus-visible{outline-offset:-3px}
.hayami{border-collapse:collapse;width:100%;min-width:340px;font-size:14.5px;line-height:1.5;font-variant-numeric:tabular-nums}
.hayami th,.hayami td{padding:9px 6px;border-bottom:1px solid var(--rule);vertical-align:middle}
.hayami thead th{font-size:13px;font-weight:700;color:var(--head);text-align:right;white-space:nowrap;border-bottom:2px solid var(--rule);padding-top:8px}
.hayami thead th:first-child{text-align:left}
.hayami tbody th{text-align:left;font-weight:700;color:var(--ink);word-break:auto-phrase;min-width:7em;max-width:9.5em;position:sticky;left:0;background:var(--bg);z-index:1}
.hayami td{text-align:right;white-space:nowrap;font-weight:700}
.hayami td.na{color:var(--mute);font-weight:400}
.hayami tr.hl th,.hayami tr.hl td{background:color-mix(in srgb,var(--hi) 9%,var(--bg))}
.hayami .pt{display:block;font-size:12px;font-weight:400;color:var(--mute)}
.hayami-key{font-size:13px;color:var(--mute);margin:6px 0 0;line-height:1.7}



/* 年表：年の列と出来事 */
.nenpyo{list-style:none;margin:8px 0 0;padding:0;border-top:2px solid var(--rule)}
.nenpyo li{display:grid;grid-template-columns:5.2em 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--hair)}
.nenpyo .y{font-weight:700;color:var(--head);line-height:1.5;font-variant-numeric:tabular-nums}
.nenpyo .y small{display:block;font-size:12.5px;font-weight:400;color:var(--mute)}
.nenpyo p{margin:0;line-height:1.75;word-break:auto-phrase}
.nenpyo li.now .y{color:var(--hi-ink)}

/* 「これから集める」の枠：会員の記録が必要な数字。点線で、まだ埋まっていないことを見せる */
.waku{display:inline-block;padding:0 6px;border:1.5px dashed var(--mute);color:var(--mute);font-weight:700;white-space:nowrap}

/* 数字の番付：大きな数字と、何の数字か・出典 */
.kazu{list-style:none;margin:8px 0 0;padding:0;border-top:5px solid var(--rule)}
.kazu > li{padding:16px 0 18px;border-bottom:1px solid var(--rule)}
.kazu .v{display:block;font-size:clamp(30px,9vw,40px);font-weight:700;line-height:1.2;color:var(--head);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.kazu .v small{font-size:17px;margin-left:2px}
.kazu .k{display:block;font-weight:700;margin-top:4px;word-break:auto-phrase}
.kazu .d{display:block;font-size:14px;color:var(--mute);line-height:1.7;margin-top:2px}
.kazu > li.mada .v{color:var(--mute)}

/* 届け人歓迎の札：店・宿・マンションの入口に貼る。紺地に白抜き、下に受け取り口の案内（印刷すると白地に紺の線） */
.kanban{max-width:420px;margin:12px auto 6px;background:var(--kon);color:var(--on-kon);padding:20px 20px 18px;box-shadow:inset 0 0 0 4px var(--kon),inset 0 0 0 5px var(--on-kon-mute)}
.kanban .kb-top{display:flex;align-items:center;gap:14px;border-bottom:2px solid var(--on-kon);padding-bottom:12px}
.kanban .mon{width:56px;color:var(--on-kon)}
.kanban .kb-h{font-family:var(--display);font-size:clamp(30px,9vw,40px);line-height:1.1;margin:0;letter-spacing:.06em;color:var(--on-kon)}
.kanban .kb-s{margin:4px 0 0;font-size:13px;color:var(--on-kon-mute);line-height:1.5}
.kanban dl{margin:12px 0 0;font-size:15px;line-height:1.55}
.kanban dt{font-weight:700;font-size:14px;margin-top:10px}
.kanban dd{margin:2px 0 0;padding-bottom:4px;border-bottom:1px solid var(--on-kon-mute);min-height:1.55em;color:var(--on-kon-mute);word-break:auto-phrase}
.kanban .kb-f{margin:14px 0 0;font-size:13px;color:var(--on-kon-mute);text-align:right}
.kb-btn{display:flex;justify-content:center;margin-top:12px}

/* 台本の場面（読み物の中で使うとき） */
.kw .tbl th{white-space:normal;width:7em}
.kw .tbl td.num{width:auto}

@media print{
  .site-h,.site-f,.pager,.kw-toc,.kb-btn,.skip{display:none}
  body.print-kanban main > article > *:not(.kanban-sec){display:none}
  body.print-kanban .kanban-sec > *:not(.kanban){display:none}
  .kanban{background:#fff;color:#1C2B4B;box-shadow:inset 0 0 0 4px #1C2B4B;max-width:none}
  .kanban .kb-h,.kanban .mon,.kanban dt{color:#1C2B4B}
  .kanban .kb-top{border-color:#1C2B4B}
  .kanban .kb-s,.kanban .kb-f,.kanban dd{color:#333;border-color:#1C2B4B}
}

/* 飛脚の号：ギルド紋と、飛脚・町火消し・届け人の比べ表 */
.kw-mon{display:grid;grid-template-columns:88px 1fr;gap:16px;align-items:center;margin:4px 0 0;padding:16px;border:2px solid var(--rule)}
.kw-mon .mon{width:88px;color:var(--hi)}
.kw-mon figcaption{font-size:14.5px;line-height:1.75;word-break:auto-phrase}
.kw-mon figcaption b{display:block;color:var(--head);font-size:16px}
.kw-hikaku{margin:4px 0 18px}
.kw-hikaku thead th{font-size:13px;color:var(--mute);border-bottom:1px solid var(--rule);width:auto}
.kw .kw-hikaku tbody th{width:5.5em;white-space:nowrap}
.kw-hikaku tr.now th,.kw-hikaku tr.now td{background:color-mix(in srgb,var(--hi) 9%,var(--bg));font-weight:700}

/* あわせて読む：クイズの関連リンクと同じ番付の行。札の字だけ「読」にする */
.kw-rel h2.ban-h{margin-top:40px}
.kw-rel .quizlinks a:before{content:"読"}