/* KWord 2.0 문서 페이지: /kword/styles/doc.css 에 더하는 것 (표, 실시간 그래프, 좁은 화면) */
:root {
    --ink: #222;
    --ink-2: #555;
    --ink-3: #888;
    --line: #ddd;
    --surface: #fff;
    --accent: #4285f4;
}
body { color: var(--ink); background: var(--surface); max-width: 1000px; }
.topnav { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 0.9rem; margin: 6px 0 18px; }
.topnav a.on { font-weight: bold; color: var(--ink); }
.note { color: var(--ink-2); font-size: 0.92rem; }
.small { font-size: 0.85rem; color: var(--ink-2); }
table.t { border-collapse: collapse; margin: 8px 0 14px; font-size: 0.92rem; }
table.t th, table.t td { border: 1px solid var(--line); padding: 4px 10px; text-align: left; vertical-align: top; }
table.t th { background: #f4f6fa; }
table.t td.num { text-align: right; font-variant-numeric: tabular-nums; }
code, .key { font-family: ui-monospace, Consolas, monospace; font-size: 0.88em; background: #f4f4f4; padding: 1px 4px; border-radius: 3px; }
.kchart { border: 1px solid var(--line); border-radius: 6px; padding: 10px 12px 6px; margin: 10px 0 18px; }
.kchart .kc-title { font-size: 0.9rem; color: var(--ink-2); margin-bottom: 4px; }
.kchart .kc-box { position: relative; height: 260px; }
.kchart .kc-foot { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; font-size: 0.8rem; color: var(--ink-3); margin-top: 4px; }
.kchart .kc-err { color: #b00; font-size: 0.85rem; }
@media (max-width: 700px) {
    body { margin: 16px; }
    .kchart .kc-box { height: 200px; }
    table.t { font-size: 0.82rem; }
}