.currency-panel{margin-block:2rem}
.currency-panel details{border:1px solid var(--line);border-top:4px solid var(--sun);border-radius:10px;background:var(--paper);scroll-margin-top:1rem;min-width:0}
.currency-panel summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;cursor:pointer;padding:1rem 1.25rem;min-height:64px;color:var(--ink)}
.currency-panel summary::-webkit-details-marker{display:none}
.currency-panel summary>span:first-child{display:flex;align-items:baseline;flex-wrap:wrap;gap:.3rem 1rem;min-width:0}
.currency-panel summary strong{font-size:1.05rem}
.currency-summary-note{font-size:.88rem;color:var(--muted)}
.currency-caret{width:10px;height:10px;flex:0 0 10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 .25rem .3rem}
.currency-panel details[open] .currency-caret{transform:rotate(225deg);margin-top:.6rem}
.currency-body{padding:.3rem 1.25rem 1.4rem;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:.9rem 1.5rem}
.currency-intro{grid-column:1/-1}
.currency-intro h2{font-family:"DM Sans",sans-serif;font-size:1.2rem;letter-spacing:normal;margin:.4rem 0}
.currency-intro p,.currency-body p{font-size:.94rem;line-height:1.65;margin:.4rem 0}
.currency-body form,.currency-field{min-width:0}
.currency-fields{display:grid;grid-template-columns:minmax(6rem,.8fr) repeat(2,minmax(0,1.4fr));gap:.75rem}
.currency-field label{display:block;font-size:.9rem;font-weight:700;margin:0 0 .4rem;color:var(--ink)}
.currency-field :is(input,select){display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:48px;border:1px solid #758998;border-radius:5px;background:white;color:var(--ink);font:inherit;font-size:1rem;line-height:1.4;padding:.65rem .55rem}
.currency-body .currency-help{font-size:.83rem;color:var(--muted);margin:.65rem 0}
.currency-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.8rem}
.currency-secondary{min-height:44px;padding:.55rem .8rem;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink);font:inherit;font-size:.9rem;font-weight:650;cursor:pointer}
.currency-secondary:hover{background:var(--wash)}
.currency-secondary[aria-disabled=true]{background:var(--wash);color:var(--muted);cursor:progress}
.currency-panel :is([data-currency-swap],[data-currency-refresh]){display:none}
.currency-panel .currency-ready :is([data-currency-swap],[data-currency-refresh]){display:inline-flex;align-items:center;justify-content:center}
.currency-result{align-self:start;background:var(--wash);border-left:3px solid var(--sun);border-radius:5px;padding:1rem;min-width:0;overflow-wrap:anywhere}
.currency-result>p:first-child{font-size:.85rem;color:var(--muted);margin:0 0 .5rem}
.currency-result output{display:block;font-size:clamp(1.3rem,2.2vw,2rem);font-weight:700;color:var(--ink);line-height:1.3;overflow-wrap:anywhere}
.currency-body .currency-equation{font-size:.85rem;line-height:1.6;margin-top:.7rem}
.currency-rate-row{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;border-top:1px solid var(--line);padding-top:.8rem}
.currency-body .currency-status,.currency-body .currency-disclaimer{grid-column:1/-1;font-size:.85rem;margin:0}
.currency-body noscript{grid-column:1/-1}
.currency-body .currency-error{font-size:.9rem;color:#8b2c17;font-weight:600}
.currency-body [aria-invalid=true]{border-color:#8b2c17}
.currency-body [hidden]{display:none!important}
.currency-panel :is(a,summary,button,input,select):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:1100px){.currency-body{grid-template-columns:1fr}.currency-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.currency-field:first-child{grid-column:1/-1}}
@media(max-width:700px){.currency-panel summary{padding:1rem}.currency-body{padding:.25rem 1rem 1rem}.currency-fields{grid-template-columns:1fr}.currency-field:first-child{grid-column:auto}.currency-result output{font-size:1.5rem}.currency-rate-row{align-items:start}}
@media print{.currency-panel{display:none!important}}