.ev-main { padding: 42px 0 84px; }
.ev-intro { max-width: 900px; margin-bottom: 26px; }
.ev-intro h1 { margin: 12px 0 11px; font-size: clamp(2.6rem, 5vw, 4.6rem); line-height: 1.04; }
.ev-intro p { max-width: 760px; margin: 0; color: var(--muted); font-size: 1.06rem; line-height: 1.65; }
.ev-layout { display: grid; grid-template-columns: minmax(290px, 390px) minmax(0, 1fr); gap: 18px; align-items: stretch; }
.ev-form,.ev-results { min-width: 0; padding: 25px; border: 1px solid var(--line-strong); border-radius: 18px; background: var(--surface); box-shadow: 0 16px 50px rgba(13,54,32,.07); }
.ev-panel-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 22px; }
.ev-panel-head h2 { margin: 0; font-size: 1.1rem; letter-spacing: -.025em; }
.ev-panel-head span { color: var(--muted); font: 700 .7rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.ev-field + .ev-field { margin-top: 17px; }
.ev-field label { display: flex; justify-content: space-between; gap: 10px; color: var(--text); font-size: .93rem; }
.ev-field label small { color: var(--muted); font-size: .78rem; font-weight: 500; }
.ev-field p { margin: 3px 0 8px; color: var(--muted); font-size: .79rem; line-height: 1.4; }
.ev-input { position: relative; }
.ev-input span { position: absolute; top: 50%; right: 13px; transform: translateY(-50%); color: var(--muted); font: 700 .77rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; pointer-events: none; }
.ev-form input,.ev-form select { color: var(--text); background: var(--surface-2); }
.ev-form input { padding-right: 58px; }
.ev-form input:focus,.ev-form select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(33,124,84,.16); }
.ev-run { width: 100%; min-height: 48px; margin-top: 22px; border: 0; border-radius: 10px; color: #fff; background: #217c54; cursor: pointer; font-weight: 750; }
.ev-run:hover { background: #176342; }
.ev-run:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.ev-error { padding: 10px 12px; border-radius: 8px; color: #8a302c; background: #fbecea; font-size: .86rem; }
.ev-hero { padding: 29px; border-radius: 15px; color: #fff; background: linear-gradient(135deg,#0d3c2a,#22865a); }
.ev-hero > span { color: #d0eedc; font-size: .84rem; }
.ev-hero strong { display: block; margin: 5px 0 0; font-size: clamp(3.1rem, 6vw, 5.5rem); line-height: 1; letter-spacing: -.06em; }
.ev-hero strong[data-tone="negative"] { color: #ffb7ae; }
.ev-hero strong[data-tone="neutral"] { color: #e5f2e9; }
.ev-hero p { margin: 13px 0 0; color: #d0eedc; font-size: .86rem; }
.ev-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 13px; }
.ev-metrics > div,.ev-cash > div { display: grid; gap: 4px; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-2); }
.ev-metrics span,.ev-cash span { color: var(--muted); font-size: .78rem; }
.ev-metrics strong,.ev-cash strong { font-size: 1.35rem; letter-spacing: -.03em; }
.ev-cash { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 10px; }
.ev-cash[hidden] { display: none; }
.ev-caution { margin: 17px 2px 0; color: var(--muted); font-size: .85rem; line-height: 1.55; }
.ev-explain { display: grid; grid-template-columns: minmax(0,1fr) minmax(250px,.76fr); gap: 50px; margin-top: 68px; padding: 38px; border-radius: 18px; background: var(--surface); }
.ev-explain h2,.ev-related h2 { margin: 11px 0 14px; font-size: clamp(1.6rem,2.8vw,2.5rem); line-height: 1.14; letter-spacing: -.04em; }
.ev-explain p,.ev-related p,.ev-notes li { margin: 0 0 14px; line-height: 1.75; }
.ev-notes { padding: 24px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface-2); }
.ev-notes h3 { margin: 0 0 12px; font-size: 1rem; }
.ev-notes ul { margin: 0; padding-left: 20px; }
.ev-notes li + li { margin-top: 10px; }
.ev-explain a,.ev-related a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.ev-related { max-width: 850px; margin-top: 54px; }
.ev-disclaimer { padding: 18px 22px; border-left: 3px solid var(--amber); border-radius: 9px; color: var(--muted); background: var(--surface); }
html[data-theme="dark"] .ev-form,html[data-theme="dark"] .ev-results { box-shadow: 0 16px 50px rgba(0,0,0,.18); }
html[data-theme="dark"] .ev-run { color: #07110f; background: #69c997; }
html[data-theme="dark"] .ev-run:hover { background: #8bd6ad; }
html[data-theme="dark"] .ev-error { color: #ffb7ae; background: #3a2423; }
@media (max-width: 900px) { .ev-layout { grid-template-columns: 1fr; } .ev-explain { grid-template-columns: 1fr; gap: 22px; } }
@media (max-width: 600px) { .ev-main { padding-top: 27px; } .ev-form,.ev-results { padding: 18px; } .ev-metrics,.ev-cash { grid-template-columns: 1fr 1fr; } .ev-metrics strong,.ev-cash strong { font-size: 1.1rem; } .ev-explain { padding: 24px 19px; } }
@media (max-width: 400px) { .ev-metrics,.ev-cash { grid-template-columns: 1fr; } }