.converter-hero{padding:48px 0 30px}.converter-hero .intro{max-width:750px}.converter-hero h1{font-size:clamp(34px,4.5vw,58px)}.converter-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}.converter-layout .panel{margin:0}.converter-inputs label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;margin:20px 0}.direction-line{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--purple);font-weight:700;font-size:14px}.direction-line button{font-size:12px;flex-shrink:0}.field-help{font-size:12px;color:var(--muted)}.converter-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.conversion-result{background:#f0f6eb;border-top:5px solid var(--green);overflow-wrap:anywhere}.conversion-result h2{font-size:26px}.result-number{display:flex;flex-direction:column;margin:30px 0 22px;gap:8px}.result-number output{font-size:clamp(30px,4vw,50px);font-weight:700;line-height:1.15;letter-spacing:-1px;color:var(--purple)}.result-number>span{font-size:19px;font-weight:700;color:var(--green)}#equivalence{font-size:14px;border-top:1px solid #d8e3cf;padding-top:18px}.conversion-note{background:white;border-radius:8px;padding:15px;font-size:13px;margin:20px 0}.converter-method{margin-top:26px}.converter-method summary{font-weight:700;color:var(--purple);cursor:pointer;min-height:44px;padding:10px 0}.converter-method p{font-size:14px;max-width:930px}@media(max-width:750px){.converter-hero{padding-top:30px}.converter-layout{grid-template-columns:1fr}.direction-line{align-items:flex-start}.converter-inputs h2{font-size:27px}.result-number output{font-size:38px}}
