.converter-hero{padding-bottom:var(--space-6)}.converter-hero__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,0.9fr);gap:var(--space-5);align-items:start}.converter-hero__content{margin-bottom:0}.converter-hero__aside,.converter-form-card,.converter-summary{height:100%}.converter-tool-section{padding-top:0}.converter-tool-layout{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(320px,0.88fr);gap:var(--space-5);align-items:start}.converter-tool-layout>*{min-width:0}.site-footer__grid--tool{grid-template-columns:1.35fr 1fr 1fr}.section-heading--tight{margin-bottom:var(--space-5)}.converter-form{gap:var(--space-5)}.converter-form__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.converter-form__grid .field--full{grid-column:span 2}.field--stacked-actions{display:grid;gap:var(--space-3);align-content:end}.field--stacked-actions .button{width:100%}.button--swap{gap:0.6rem;min-height:3.15rem;border-color:rgba(0,87,168,0.18);background:linear-gradient(180deg,rgba(248,251,253,0.98) 0%,rgba(234,244,251,0.92) 100%)}.button--swap:hover,.button--swap:focus-visible{border-color:rgba(0,87,168,0.3);box-shadow:0 0 0 4px rgba(0,87,168,0.1)}.button--swap__icon{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:999px;background:rgba(0,87,168,0.1);color:var(--color-primary-dark);font-size:1rem;line-height:1}.form-note{margin-bottom:0;color:var(--color-text-faint);font-size:0.94rem}.form-feedback{min-height:1.5rem;margin:0;font-size:0.95rem;font-weight:600}.form-feedback[data-state="neutral"]{color:var(--color-text-soft)}.form-feedback[data-state="success"]{color:#1b6b43}.form-feedback[data-state="error"]{color:#a33b2c}.field input.is-invalid,.field select.is-invalid{border-color:rgba(163,59,44,0.45);box-shadow:0 0 0 4px rgba(163,59,44,0.08)}.converter-note{margin-top:var(--space-4);padding:var(--space-4);border:1px solid rgba(0,87,168,0.14);border-radius:1rem;background:linear-gradient(180deg,rgba(248,251,253,0.98) 0%,rgba(234,244,251,0.76) 100%)}.converter-note[hidden]{display:none}.converter-note h3{margin-bottom:var(--space-2);color:var(--color-primary-dark)}.converter-note p:last-child{margin-bottom:0}.converter-result-hero{margin-bottom:var(--space-4);display:grid;gap:var(--space-4);padding:var(--space-5);border:1px solid rgba(0,87,168,0.14);border-radius:1rem;background:linear-gradient(135deg,rgba(15,53,87,0.96) 0%,rgba(0,87,168,0.92) 100%);color:#fff}.converter-result-hero__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.converter-result-hero__eyebrow{margin-bottom:0.45rem;font-size:0.82rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;opacity:0.82}.converter-result-hero__title{margin-bottom:0;font-size:clamp(1.4rem,2vw,1.8rem);line-height:1.05;text-wrap:balance}.converter-result-hero__badge{display:inline-flex;align-items:center;justify-content:center;padding:0.35rem 0.75rem;border:1px solid rgba(255,255,255,0.16);border-radius:var(--radius-pill);background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.86);font-size:0.82rem;font-weight:700;white-space:nowrap}.converter-result-hero__description,.converter-result-hero__note{margin-bottom:0;color:rgba(255,255,255,0.84)}.converter-result-hero__flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0.75rem;align-items:center}.converter-result-hero__flow-item,.converter-result-hero__flow-separator{margin-bottom:0}.converter-result-hero__flow-item{padding:0.65rem 0.8rem;border:1px solid rgba(255,255,255,0.12);border-radius:0.9rem;background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.92);font-size:0.94rem;font-weight:600;overflow-wrap:anywhere}.converter-result-hero__flow-separator{color:rgba(255,255,255,0.78);font-size:1.2rem;font-weight:700}.converter-result-hero__figure{display:flex;align-items:baseline;flex-wrap:wrap;gap:0.65rem;max-width:100%}.converter-result-hero__value{font-size:clamp(2.2rem,4.8vw,4rem);line-height:0.92;letter-spacing:-0.04em;font-variant-numeric:tabular-nums;word-break:break-word}.converter-result-hero__unit{color:rgba(255,255,255,0.8);font-size:clamp(1rem,1.8vw,1.3rem);font-weight:700}.converter-result-hero__label{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:0.38rem 0.72rem;border:1px solid rgba(255,255,255,0.14);border-radius:var(--radius-pill);background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.8);font-size:0.88rem;font-weight:600}.converter-meta-grid,.converter-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.converter-meta-card,.converter-detail-card{padding:var(--space-4);border:1px solid rgba(0,87,168,0.12);border-radius:1rem;background:linear-gradient(180deg,rgba(255,255,255,0.99) 0%,rgba(241,247,251,0.88) 100%)}.converter-meta-card__label,.converter-detail-card__label{display:block;margin-bottom:var(--space-2);color:var(--color-text-soft);font-size:0.88rem;font-weight:700}.converter-meta-card__value,.converter-detail-card__value{margin-bottom:0;color:var(--color-primary-dark);font-weight:700;overflow-wrap:anywhere}.converter-detail-card__value--soft{color:var(--color-text-soft);font-weight:600}.converter-helper{margin-top:var(--space-4);padding:var(--space-4);border-left:4px solid rgba(0,87,168,0.22);border-radius:0.85rem;background:rgba(241,247,251,0.92);color:var(--color-text-soft);overflow-wrap:anywhere}.converter-summary .section-heading p[data-result="categoryHint"]{color:var(--color-text-soft)}.converter-list{display:grid;gap:var(--space-2);list-style:none}.converter-list li{padding-left:1.1rem;position:relative}.converter-list li::before{content:"";position:absolute;left:0;top:0.58rem;width:0.42rem;height:0.42rem;border-radius:999px;background:var(--color-primary)}.converter-highlight{display:grid;gap:var(--space-3)}.converter-highlight__item{padding:var(--space-4);border:1px solid rgba(0,87,168,0.1);border-radius:1rem;background:rgba(255,255,255,0.98)}.converter-highlight__item h3{margin-bottom:var(--space-2)}@media (max-width:900px){.converter-hero__grid,.converter-tool-layout,.converter-meta-grid,.converter-detail-grid{grid-template-columns:1fr}.site-footer__grid--tool{grid-template-columns:1fr}}@media (max-width:720px){.converter-form__grid{grid-template-columns:1fr}.converter-form__grid .field--full{grid-column:span 1}.converter-result-hero__top{flex-direction:column}.converter-result-hero__flow{grid-template-columns:1fr}.converter-result-hero__flow-separator{justify-self:center;transform:rotate(90deg)}}