.currency-form { display: grid; grid-template-columns: 1fr 1fr auto 1fr; align-items: end; gap: 20px; margin-top: 28px; }
.currency-form > div { min-width: 0; }
.currency-control { width: 100%; min-height: 50px; padding: 12px 14px; border: 1px solid #cfe0f3; border-radius: 10px; background: #fbfdff; color: #16324f; font: inherit; }
.currency-control:focus-visible { outline: 2px solid #2683ef; outline-offset: 2px; }
body.pq-tools-converter-page .currency-swap { width: 50px; height: 50px; padding: 0; }
body.pq-tools-converter-page .case-actions.currency-actions { grid-column: 1 / -1; margin: 4px 0 0; }
.currency-result { padding: 26px; margin-top: 20px; border: 1px solid #cfe0f3; border-radius: 14px; background: #f3f9ff; overflow-wrap: anywhere; }
.currency-result[hidden] { display: none; }
.currency-result p { margin: 8px 0; color: #456480; }
.currency-result output { display: block; color: #003878; font-size: clamp(26px, 4vw, 42px); font-weight: 700; line-height: 1.5; }
.currency-result .currency-date, .currency-note, .currency-source { font-size: 13px; color: #73839a; line-height: 1.8; }
.currency-note { margin: 22px 0 8px; }
.currency-source { margin-bottom: 0; }
.currency-source a { color: #1769c5; }
.currency-source a:hover { text-decoration: underline; }
.currency-form button:disabled { opacity: .55; cursor: not-allowed; }
@media (max-width: 767px) { .currency-form { grid-template-columns: 1fr auto 1fr; gap: 14px; } .currency-form > div:first-child { grid-column: 1 / -1; } }
@media (max-width: 420px) { .currency-form { grid-template-columns: 1fr; } body.pq-tools-converter-page .currency-swap { justify-self: center; } .currency-result { padding: 20px; } }