/* 안내 페이지 — 계산기(/tools), 가이드(/guide), 소개(/about.html). base.css 위에 얹는다 (tools/build_docs.py 가 만든다). */
.doc ul.src li, .doc ul.hublist li { margin-top: var(--space-2); }
.doc ul.hublist { list-style: none; padding-left: 0; margin-top: var(--space-5); }
.doc ul.hublist li { padding: var(--space-3) 0; border-bottom: 1px solid var(--line); }
.doc ul.hublist a { text-decoration: none; }
.doc ul.hublist a:hover b { text-decoration: underline; }
.doc.guide p + p, .doc.guide p + ul, .doc.guide ul + p { margin-top: var(--space-2); }
.doc.guide table.obs { margin-top: var(--space-2); }
.doc.guide table.obs th { width: 4.5em; }
.doc.guide table.obs td { color: var(--fg); font-variant-numeric: tabular-nums; }

/* 계산기 */
.calc { display: grid; gap: var(--space-4); margin-top: var(--space-5); }
.calc .grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); }
@media (max-width: 479px) { .calc .grid2 { grid-template-columns: 1fr; } }
.calc .opt { font-style: normal; font-weight: 400; color: var(--fg-3); }
.calc fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.calc legend { padding: 0; margin-bottom: var(--space-1); font-size: var(--fs-s); font-weight: 600; color: var(--fg-2); }
.calc .presets { margin-top: var(--space-2); }
.calc select { appearance: auto; }
.calc-out { margin-top: var(--space-4); min-height: 120px; }
.calc-out .kv { grid-template-columns: 9.5em 1fr; padding: var(--space-4); background: var(--fill); border-radius: var(--radius-m); margin-bottom: var(--space-2); }
.calc-out .kv dd { font-weight: 700; font-variant-numeric: tabular-nums; }
@media (max-width: 479px) { .calc-out .kv { grid-template-columns: 1fr; gap: 2px var(--space-3); } .calc-out .kv dd { margin-bottom: var(--space-2); } }