/* 全天候运行最低标准计算器（/tool/calculation 的 aom tab）
 * 2026-11-15f：所有控件按内容定宽（flex + 固定 px 宽度类），主条件两行右侧留白；
 * DH/MDH 置于首行，使两行按内容排完后的宽度基本一致（约 808 / 810px）；
 * 控件齐边等高；结果与依据分层，引用说明统一收进底部折叠区。 */
.aom-card { grid-column: 1 / -1; }
.aom-head-sub { font-size: 12px; color: #6b7280; margin: 2px 0 0; line-height: 1.5; }
.aom-form { display: block; }
.aom-body { padding: 8px 14px 2px; }

/* 按内容定宽：类名后缀即 px 宽；flex 不伸缩，右侧才会留白 */
.aom-w-96  { flex: 0 0 96px;  width: 96px; }
.aom-w-112 { flex: 0 0 112px; width: 112px; }
.aom-w-128 { flex: 0 0 128px; width: 128px; }
.aom-w-160 { flex: 0 0 160px; width: 160px; }
.aom-w-176 { flex: 0 0 176px; width: 176px; }
.aom-w-200 { flex: 0 0 200px; width: 200px; }
.aom-w-224 { flex: 0 0 224px; width: 224px; }
.aom-w-236 { flex: 0 0 236px; width: 236px; }
.aom-w-256 { flex: 0 0 256px; width: 256px; }
.aom-w-320 { flex: 0 0 320px; width: 320px; }
.aom-w-340 { flex: 0 0 340px; width: 340px; }

/* 主条件：两个显式行容器，行内不换行 → 按内容排完后右侧留白 */
.aom-rows { display: flex; flex-direction: column; gap: 10px; }
.aom-rowline { display: flex; flex-wrap: nowrap; align-items: flex-end; gap: 14px; }
.aom-rowline > .aom-f > span:first-child {
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* 高级条件：同样按内容定宽，超出自动换行 */
.aom-grid { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 14px; }
.aom-grid-adv { padding: 8px 0 2px; }
.aom-f { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.aom-f > span:first-child { font-size: 11px; color: #6b7280; line-height: 1.3; }
.aom-f .aom-in { display: flex; align-items: center; gap: 6px; min-width: 0; }
.aom-input, .aom-select {
	font: inherit; font-size: 13px; color: #111827; background: #fff;
	border: 1px solid #d1d5db; border-radius: 6px; padding: 5px 8px;
	outline: none; box-sizing: border-box; height: 30px;
}
.aom-input { width: 92px; text-align: right; }
.aom-select { width: 190px; }
.aom-f .aom-select, .aom-f .aom-input.aom-wide { width: 100%; max-width: none; }
.aom-f .aom-input.aom-wide { text-align: left; }
.aom-f .aom-in .aom-input { flex: 1 1 auto; width: auto; min-width: 0; }
.aom-f .aom-in.aom-in-3 .aom-input { flex: 1 1 0; width: auto; }
.aom-input:focus, .aom-select:focus { border-color: #6366f1; box-shadow: 0 0 0 2px #eef2ff; }
.aom-unit { font-size: 11px; color: #6b7280; flex: 0 0 auto; min-width: 18px; text-align: right; }
@media (max-width: 1100px) { .aom-rowline { flex-wrap: wrap; } }
@media (max-width: 560px) {
	.aom-rowline > .aom-f, .aom-grid > .aom-f { flex: 1 1 140px; width: auto; }
}

.aom-checks { display: flex; flex-wrap: wrap; gap: 10px; padding: 6px 14px 0; }
.aom-checks label { font-size: 11px; color: #374151; display: flex; align-items: center; gap: 5px; }
.aom-advanced {
	margin: 8px 14px 0; padding-top: 6px; border-top: 1px dashed #e5e7eb;
}
.aom-advanced > summary, .aom-guide > summary {
	cursor: pointer; font-size: 12px; color: #6366f1; padding: 4px 0;
	list-style: none;
}
.aom-advanced > summary::-webkit-details-marker,
.aom-guide > summary::-webkit-details-marker { display: none; }
.aom-advanced > summary::before, .aom-guide > summary::before { content: '▸ '; }
.aom-advanced[open] > summary::before,
.aom-guide[open] > summary::before { content: '▾ '; }
.aom-foot {
	padding: 8px 14px 10px; display: flex; align-items: center;
	gap: 12px; flex-wrap: wrap; border-top: 1px solid #eef2f7; margin-top: 8px;
}
.aom-foot .aom-hint { font-size: 11px; color: #6b7280; }
.aom-out { padding: 0 14px 10px; }

/* 结果：大数字 + 紧凑关键值网格 */
.aom-hero {
	background: linear-gradient(135deg, #eef2ff, #f8faff);
	border: 1px solid #e0e7ff; border-radius: 10px;
	padding: 10px 14px; margin: 2px 0 10px;
	display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap;
}
.aom-hero .aom-num { font-size: 26px; font-weight: 700; color: #1d4ed8; line-height: 1.1; }
.aom-hero .aom-num small { font-size: 13px; font-weight: 600; color: #2563eb; margin-left: 3px; }
.aom-hero .aom-hero-label { font-size: 12px; color: #4b5563; }
.aom-hero .aom-hero-meta { font-size: 11px; color: #6b7280; margin-left: auto; }
.aom-facts {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	gap: 6px 10px; margin: 0 0 10px;
}
.aom-fact {
	background: #f9fafb; border: 1px solid #eef2f7; border-radius: 7px;
	padding: 6px 9px; display: flex; flex-direction: column; gap: 2px; min-width: 0;
}
.aom-fact > span { font-size: 10px; color: #6b7280; letter-spacing: .02em; }
.aom-fact > b {
	font-size: 13px; color: #1d4ed8; font-weight: 700;
	white-space: normal; word-break: break-word; line-height: 1.35;
}
.aom-fact i { font-style: normal; color: #dc2626; }
.aom-ok { color: #15803d; font-weight: 700; }
.aom-bad { color: #dc2626; font-weight: 700; }

/* 通用块 */
.aom-kv { font-size: 12px; color: #374151; margin: 3px 0; }
.aom-kv b { color: #1d4ed8; }
.aom-sec { margin: 9px 0; }
.aom-sec > h5 {
	font-size: 11px; color: #6366f1; font-weight: 700; margin: 0 0 5px;
	letter-spacing: .03em;
}
.aom-table { width: 100%; border-collapse: collapse; font-size: 11px; }
.aom-table th, .aom-table td {
	border-bottom: 1px solid #e5e7eb; padding: 4px 6px; text-align: left;
	vertical-align: top; color: #374151;
}
.aom-table th { color: #6b7280; font-weight: 600; background: #f9fafb; }
.aom-table td.aom-v { color: #1d4ed8; font-weight: 700; white-space: nowrap; }
.aom-pill {
	display: inline-block; padding: 1px 7px; border-radius: 10px; font-size: 11px;
	background: #eef2ff; color: #4338ca; margin-right: 5px;
}
.aom-warn {
	background: #fff7ed; border: 1px solid #fed7aa; color: #9a3412;
	border-radius: 8px; padding: 6px 9px; font-size: 12px; margin: 5px 0;
}
.aom-note { font-size: 12px; color: #4b5563; margin: 3px 0; }
.aom-small { font-size: 11px; color: #6b7280; line-height: 1.55; }
.aom-err {
	background: #fee2e2; border: 1px solid #fecaca; color: #991b1b;
	border-radius: 8px; padding: 10px; font-size: 12px;
}
.aom-details { margin-top: 6px; }
.aom-details summary { cursor: pointer; font-size: 11px; color: #6b7280; }
.aom-details ul { margin: 6px 0 0 18px; padding: 0; }
.aom-details li { font-size: 11px; color: #6b7280; margin-bottom: 3px; }
.aom-sec ul.aom-plain { margin: 4px 0 0 18px; padding: 0; }
.aom-sec ul.aom-plain li { font-size: 12px; color: #4b5563; margin-bottom: 4px; }
.aom-details .aom-table { margin-top: 6px; }
.aom-src { font-size: 11px; color: #6b7280; margin-top: 8px; }

/* 依据与说明（统一折叠区） */
.aom-guide { margin: 0 14px 12px; padding-top: 8px; border-top: 1px solid #eef2f7; }
.aom-guide > summary { font-weight: 600; }
.aom-guide-static { padding: 4px 0 2px; }
.aom-guide-static h6 {
	font-size: 11px; color: #6b7280; font-weight: 700; margin: 8px 0 4px;
}
.aom-guide-static p { font-size: 11px; color: #4b5563; line-height: 1.55; margin: 2px 0; }
.aom-guide-static b { color: #374151; }
.aom-guide .aom-sec { margin: 8px 0; }

@media (max-width: 860px) {
	.aom-card { grid-column: auto; }
	.aom-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
	.aom-facts { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
	.aom-hero .aom-hero-meta { margin-left: 0; }
}