.currency-quick{padding:18px 0 2px;background:linear-gradient(180deg,#f7f9ff 0,#fff 100%)}
.currency-quick__card{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,2.2fr);gap:22px;align-items:center;border:1px solid #dbe3f2;border-radius:18px;background:#fff;padding:18px 20px;box-shadow:0 8px 28px rgba(27,44,94,.08)}
.currency-quick__intro .eyebrow,.currency-live-panel .eyebrow{display:block;color:#3158d8;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em;margin-bottom:5px}
.currency-quick__intro h2{font-size:1.22rem;line-height:1.2;margin:0 0 5px;color:#17223b}.currency-quick__intro p{margin:0;color:#647089;font-size:.78rem;line-height:1.5}.currency-quick__intro a{display:inline-flex;margin-top:8px;color:#3158d8;font-size:.74rem;font-weight:800;text-decoration:none}
.currency-form{display:grid;gap:10px}.currency-form__grid{display:grid;grid-template-columns:minmax(110px,.85fr) minmax(155px,1fr) 42px minmax(155px,1fr) auto;gap:9px;align-items:end}.currency-form label{display:grid;gap:5px;color:#39455d;font-size:.7rem;font-weight:800}.currency-form input,.currency-form select{width:100%;min-width:0;height:44px;border:1px solid #d5ddeb;border-radius:10px;background:#fff;color:#182238;padding:0 11px;font-size:.84rem;outline:none}.currency-form input:focus,.currency-form select:focus{border-color:#5368e9;box-shadow:0 0 0 3px rgba(83,104,233,.12)}.currency-swap{width:42px;height:44px;border:1px solid #d5ddeb;border-radius:10px;background:#f8faff;color:#4051c8;font-size:1.05rem;font-weight:900;cursor:pointer}.currency-form .currency-submit{height:44px;white-space:nowrap}.currency-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;border-top:1px solid #edf0f6;padding-top:10px;min-height:52px}.currency-result__main strong{display:block;color:#121b31;font-size:1.28rem;letter-spacing:-.025em}.currency-result__main span{display:block;color:#69758d;font-size:.72rem;margin-top:2px}.currency-result__meta{text-align:right;color:#69758d;font-size:.68rem;line-height:1.45}.currency-result__meta strong{color:#34425c}.currency-result.is-loading{opacity:.65}.currency-result.is-error .currency-result__main strong{color:#b42318;font-size:.9rem}.currency-stale{color:#b54708!important;font-weight:800}.currency-trust{display:flex;gap:7px;flex-wrap:wrap}.currency-trust span{border:1px solid #e0e6f0;border-radius:999px;padding:5px 8px;background:#fafbff;color:#60708b;font-size:.63rem;font-weight:700}
.currency-page-hero{padding:38px 0 26px;background:linear-gradient(135deg,#f7f9ff 0,#eef3ff 100%);border-bottom:1px solid #e4e9f2}.currency-page-hero__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:28px;align-items:center}.currency-page-hero h1{font-size:clamp(2.2rem,5vw,4.1rem);line-height:1.02;letter-spacing:-.055em;margin:12px 0 16px;color:#111a2f}.currency-page-hero p{max-width:720px;color:#5c6880;font-size:1rem;line-height:1.7}.currency-source-badge{border:1px solid #d9e0ee;border-radius:16px;background:#fff;padding:18px;box-shadow:0 8px 28px rgba(27,44,94,.07)}.currency-source-badge strong{display:block;font-size:1.02rem;color:#17223b}.currency-source-badge p{font-size:.76rem;line-height:1.55;margin:7px 0 0}.currency-source-badge ul{margin:12px 0 0;padding-left:18px;color:#5d6980;font-size:.74rem;line-height:1.7}
.currency-live-wrap{padding:30px 0}.currency-live-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:22px;align-items:start}.currency-live-panel{border:1px solid #dbe3f2;border-radius:18px;background:#fff;padding:24px;box-shadow:0 8px 30px rgba(27,44,94,.08)}.currency-live-panel h2{margin:2px 0 18px;font-size:1.45rem}.currency-live-panel .currency-form__grid{grid-template-columns:minmax(120px,.8fr) minmax(170px,1fr) 44px minmax(170px,1fr)}.currency-live-panel .currency-submit{grid-column:1/-1;width:max-content}.currency-live-panel .currency-result{margin-top:4px;padding:18px;border:1px solid #e1e7f1;border-radius:13px;background:#f8faff}.currency-live-panel .currency-result__main strong{font-size:clamp(1.55rem,4vw,2.35rem)}.currency-pairs{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.currency-pairs button{border:1px solid #d9e1ef;border-radius:999px;background:#fff;color:#3e4d68;padding:7px 10px;font-size:.68rem;font-weight:800;cursor:pointer}.currency-pairs button:hover{border-color:#5368e9;color:#4051c8}.currency-info-card{border:1px solid #dbe3f2;border-radius:16px;background:#fff;padding:20px}.currency-info-card h2,.currency-info-card h3{margin-top:0}.currency-info-card p,.currency-info-card li{color:#66728a;font-size:.78rem;line-height:1.65}.currency-info-card ol,.currency-info-card ul{padding-left:20px}.currency-info-card a{color:#3158d8}
.currency-content{padding:10px 0 46px}.currency-content__grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:24px;align-items:start}.currency-article{display:grid;gap:18px}.currency-section{border:1px solid #e0e6ef;border-radius:16px;background:#fff;padding:22px}.currency-section h2{font-size:1.35rem;margin:0 0 10px;color:#17223b}.currency-section h3{font-size:1rem;margin:19px 0 7px;color:#26344e}.currency-section p,.currency-section li{color:#5f6c84;font-size:.84rem;line-height:1.75}.currency-section table{width:100%;border-collapse:collapse;font-size:.77rem}.currency-section th,.currency-section td{text-align:left;border-bottom:1px solid #e7ebf2;padding:10px 8px;vertical-align:top}.currency-section th{color:#2d3a55;background:#f7f9fd}.currency-sidebar{display:grid;gap:14px;position:sticky;top:145px}.currency-sidebar .currency-info-card{box-shadow:0 6px 22px rgba(27,44,94,.05)}.currency-faq details{border-top:1px solid #e7ebf2;padding:12px 0}.currency-faq details:first-child{border-top:0}.currency-faq summary{cursor:pointer;font-weight:800;color:#25334e}.currency-faq p{margin-bottom:0}
@media(max-width:1050px){.currency-quick__card{grid-template-columns:1fr}.currency-page-hero__grid,.currency-live-grid,.currency-content__grid{grid-template-columns:1fr}.currency-sidebar{position:static}.currency-live-panel .currency-form__grid{grid-template-columns:1fr 1fr 44px 1fr}.currency-live-panel .currency-form__grid>label:first-child{grid-column:1/-1}}
@media(max-width:760px){.currency-quick{padding-top:12px}.currency-quick__card{padding:15px}.currency-form__grid,.currency-live-panel .currency-form__grid{grid-template-columns:1fr 44px 1fr}.currency-form__grid>label:first-child,.currency-live-panel .currency-form__grid>label:first-child{grid-column:1/-1}.currency-form__grid>label:nth-of-type(2),.currency-live-panel .currency-form__grid>label:nth-of-type(2){grid-column:1}.currency-form__grid>label:nth-of-type(3),.currency-live-panel .currency-form__grid>label:nth-of-type(3){grid-column:3}.currency-form__grid .currency-swap{grid-column:2;grid-row:2}.currency-form .currency-submit{grid-column:1/-1;width:100%}.currency-result{grid-template-columns:1fr}.currency-result__meta{text-align:left}.currency-page-hero{padding-top:28px}.currency-live-panel{padding:17px}.currency-section{padding:18px}.currency-section table{min-width:600px}.currency-table-scroll{overflow-x:auto}}
@media(max-width:420px){.currency-form__grid,.currency-live-panel .currency-form__grid{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:7px}.currency-form input,.currency-form select{font-size:.76rem;padding-inline:8px}.currency-swap{width:40px}.currency-result__main strong{font-size:1.08rem}.currency-live-panel .currency-result__main strong{font-size:1.45rem}}

/* August 2026: narrow-screen hardening */
.currency-quick__card>*,.currency-live-grid>*,.currency-content__grid>*,.currency-form__grid>*{min-width:0}
.currency-result__main,.currency-result__meta,.currency-result__main span{min-width:0;overflow-wrap:anywhere}
.currency-form select{max-width:100%;text-overflow:ellipsis}
@media(max-width:680px){
 .currency-quick{padding:10px 0 0}
 .currency-quick__card{gap:14px;padding:14px;border-radius:14px}
 .currency-quick__intro h2{font-size:1.15rem}
 .currency-form__grid,.currency-live-panel .currency-form__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 .currency-form__grid>label,.currency-live-panel .currency-form__grid>label,
 .currency-form__grid>label:first-child,.currency-live-panel .currency-form__grid>label:first-child,
 .currency-form__grid>label:nth-of-type(2),.currency-live-panel .currency-form__grid>label:nth-of-type(2),
 .currency-form__grid>label:nth-of-type(3),.currency-live-panel .currency-form__grid>label:nth-of-type(3){grid-column:1!important;grid-row:auto!important}
 .currency-swap,.currency-form__grid .currency-swap,.currency-live-panel .currency-swap{grid-column:1!important;grid-row:auto!important;justify-self:center;width:42px;height:42px;transform:rotate(90deg)}
 .currency-form .currency-submit,.currency-live-panel .currency-submit{grid-column:1!important;width:100%;min-height:44px}
 .currency-form input,.currency-form select{height:46px;font-size:.86rem;padding-inline:10px}
 .currency-result,.currency-live-panel .currency-result{grid-template-columns:minmax(0,1fr);gap:8px;padding-top:12px}
 .currency-result__meta{text-align:left;font-size:.7rem}
 .currency-result__main strong{font-size:1.12rem}
 .currency-page-hero{padding:24px 0 20px}
 .currency-page-hero h1{font-size:clamp(2rem,12vw,2.7rem);letter-spacing:-.04em}
 .currency-page-hero p{font-size:.9rem}
 .currency-source-badge,.currency-info-card{padding:16px}
 .currency-live-wrap{padding:18px 0}
 .currency-live-panel{padding:15px}
 .currency-live-panel h2{font-size:1.25rem;margin-bottom:14px}
 .currency-live-panel .currency-result{padding:14px}
 .currency-live-panel .currency-result__main strong{font-size:1.5rem}
 .currency-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .currency-pairs button{width:100%;min-width:0;padding:8px 6px}
 .currency-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .currency-trust span{text-align:center;padding:6px;font-size:.61rem}
 .currency-content{padding-bottom:30px}
 .currency-section{padding:16px;border-radius:13px}
 .currency-section h2{font-size:1.2rem}
 .currency-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:380px){
 .currency-pairs,.currency-trust{grid-template-columns:1fr}
 .currency-quick__card{padding:12px}
 .currency-live-panel{padding:13px}
}
@media(min-width:681px) and (max-width:1050px){
 .currency-live-panel .currency-form__grid{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:10px}
 .currency-live-panel .currency-form__grid>label:first-child{grid-column:1/-1}
 .currency-live-panel .currency-form__grid>label:nth-of-type(2){grid-column:1;grid-row:2}
 .currency-live-panel .currency-form__grid .currency-swap{grid-column:2;grid-row:2;width:44px}
 .currency-live-panel .currency-form__grid>label:nth-of-type(3){grid-column:3;grid-row:2}
 .currency-live-panel .currency-submit{grid-column:1/-1;width:100%}
}