/* 敏捷 / 閃避計算頁（#/dodge）：公式說明 + 互動計算器；表格走既有 .hb-wrap 捲動外框 */
.dg h1 { font-size: 22px; }
.dg h2 { font-size: 16px; color: var(--accent); margin: 22px 0 6px; }
.dg p, .dg li { line-height: 1.7; }
.dg code, .dg pre { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 13px; }
.dg pre { background: var(--panel); border: 1px solid var(--line); border-radius: 8px; padding: 8px 12px; overflow-x: auto; margin: 6px 0 12px; }
.dg .tg { font-size: 12px; padding: 0 6px; border-radius: 4px; white-space: nowrap; font-weight: 600; }
.dg .tg.ok { background: #2e7d3226; color: #2e7d32; }
.dg .tg.no { background: #c6282826; color: #c62828; }
.dg .tg.na, .dg .tg.gu { background: var(--chip); color: var(--muted); }
.dg .tg.gu { color: var(--accent); }
@media (prefers-color-scheme: dark) { .dg .tg.ok { color: #81c784; } .dg .tg.no { color: #ef9a9a; } }
.dg .warnbox { border: 1px solid var(--accent); background: var(--accent-bg); border-radius: 8px; padding: 8px 12px; margin: 10px 0; font-size: 14px; }
.dg-calc { background: var(--panel); border: 1px solid var(--line); border-radius: 10px; padding: 12px; margin: 8px 0; }
.dg-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.dg-grid label { display: flex; flex-direction: column; gap: 3px; font-size: 13px; color: var(--muted); }
.dg-grid input[type=number], .dg-grid select { font: inherit; color: var(--fg); background: var(--bg); border: 1px solid var(--line); border-radius: 6px; padding: 5px 8px; width: 100%; box-sizing: border-box; }
.dg-chk { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 10px 0 0; font-size: 14px; }
.dg-chk label { display: inline-flex; align-items: center; gap: 5px; }
.dg-out { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin-top: 12px; }
.dg-out > div { border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; background: var(--bg); }
.dg-out b { display: block; font-size: 22px; font-variant-numeric: tabular-nums; }
.dg-out span { font-size: 12px; color: var(--muted); }
.dg-note { font-size: 13px; color: var(--muted); margin: 10px 0 0; line-height: 1.6; }