.voltage-drop .page-intro { max-width: none; }
.voltage-path { display: grid; grid-template-columns: 1fr 1.3fr 1fr; gap: 1rem; margin-block: 1.5rem; padding: 1.4rem; background: white; border: 1px solid var(--site-line); border-radius: 8px; text-align: center; }
.voltage-path > div { display: grid; gap: .35rem; align-content: center; min-width: 0; }
.voltage-path strong { color: var(--site-accent); font-size: 1.6rem; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.voltage-path small { color: var(--muted); }
.voltage-path-cable { border-block: 3px solid #426e82; padding-block: .75rem; }
.voltage-fields h3 { margin: 0; font-size: 1rem; }
.voltage-fields .field-note { margin: 0; line-height: 1.5; }
.voltage-drop label { min-width: 0; }
.voltage-drop input, .voltage-drop select { min-width: 0; width: 100%; }
.voltage-drop [hidden] { display: none !important; }
.voltage-result { align-self: start; }
.voltage-values { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.2rem; }
.voltage-values > div:first-child dd { font-size: 1.35rem; color: inherit; }
.voltage-values > div:last-child { grid-column: 1 / -1; }
.voltage-bar { display: flex; height: 18px; margin-top: 1.5rem; border-radius: 4px; overflow: hidden; background: #e0e7eb; }
#voltage-retained { background: #236c93; }
#voltage-lost { background: #bd6322; }
.voltage-drop .content-section details { padding: 1.2rem; border: 1px solid var(--site-line); border-radius: 6px; background: white; }
.voltage-drop summary { cursor: pointer; font-weight: 600; }
@media (max-width: 1000px) { .voltage-drop .calculator-layout { grid-template-columns: 1fr; } }
@media (max-width: 680px) { .voltage-path { grid-template-columns: 1fr; } .voltage-path-cable { margin-inline: 1rem; } .voltage-fields { grid-template-columns: 1fr; } }