/* tools/noise-calc/style.css */
.tool-desc { color: var(--color-text-secondary); font-size: 1.05rem; margin: var(--space-sm) 0 var(--space-xl); }
.tool-section { margin-bottom: var(--space-xxl); }

.sec-heading {
    font-family: var(--font-title);
    font-size: 1.5rem;
    color: var(--color-primary);
    margin-bottom: var(--space-md);
    padding-left: var(--space-sm);
    border-left: 4px solid var(--color-primary);
}

.formula-box {
    margin-bottom: var(--space-md);
    font-size: 1rem;
}

.input-unit-row {
    display: flex;
    align-items: center;
    gap: 6px;
}

.input-unit-row input {
    flex: 1;
}

.unit {
    font-family: var(--font-mono);
    font-size: 0.9rem;
    color: var(--color-text-muted);
    white-space: nowrap;
    flex-shrink: 0;
    min-width: 36px;
}

.result-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: var(--space-md);
    margin-top: var(--space-lg);
}

.ritem {
    background: var(--color-bg-paper);
    border: 1.5px solid var(--color-border);
    border-radius: var(--radius-sm);
    padding: var(--space-md);
}

.rlabel {
    display: block;
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--color-text-muted);
    margin-bottom: var(--space-xs);
}

.rval {
    display: block;
    font-family: var(--font-mono);
    font-size: 1.2rem;
    color: var(--color-primary);
    font-weight: 600;
}

/* ---- 放大器结构噪声 tab ---- */
#noiseTabs { margin-bottom: var(--space-lg); }
.amp-h { margin-bottom: var(--space-sm); color: var(--color-primary); font-size: 1.05rem; }
.hint { font-size: 0.85rem; color: var(--color-text-muted); margin-top: var(--space-sm); }
.chart-container { margin-top: var(--space-md); }
.chart-label {
    font-family: var(--font-hand);
    font-size: 1.05rem;
    color: var(--color-text-secondary);
    margin-bottom: var(--space-xs);
}
canvas { width: 100%; height: auto; display: block; }

/* 结构示意图（razavi 渲染器输出，颜色走内联 CSS 变量以适配暗色主题） */
.topo-fig { margin-top: var(--space-sm); text-align: center; }
.topo-svg { width: 100%; max-width: 400px; height: auto; }
.amp-fig-bar { margin-top: var(--space-sm); text-align: right; }
.amp-fig-bar .btn { font-size: 0.82rem; padding: 4px 10px; }