:root{--ink:#213c33;--muted:#586b61;--green:#17634b;--line:#dce5dd;--paper:#f7f9f5;--pale:#edf3e7;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.65}button,input,select{font:inherit}a{color:var(--green);text-underline-offset:3px}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button{color:inherit}button:disabled{opacity:.55;cursor:not-allowed}:focus-visible{outline:3px solid #b46e18;outline-offset:4px}input:focus,select:focus{outline:2px solid var(--green);outline-offset:2px}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-90px;left:20px;background:var(--green);color:#fff;padding:12px 20px;z-index:100}.skip:focus{top:10px}header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:83px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:18px;font-weight:800;letter-spacing:.2px;color:var(--ink)}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--green);color:#fff}.brand-tools{font-size:13px;color:var(--muted);font-weight:500;border-left:1px solid var(--line);padding-left:12px;margin-left:3px}.header-inner nav{display:flex;gap:27px;align-items:center}.header-inner nav a{font-size:13px;color:var(--muted);text-decoration:none}.home{border:1px solid var(--line);padding:8px 15px;border-radius:7px}.breadcrumb{display:flex;gap:13px;font-size:12px;margin:27px 0 31px;color:var(--muted)}.breadcrumb a{text-decoration:none}.hero{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-bottom:48px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--green);margin:0 0 12px;display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;background:#4b8062;display:inline-block;border-radius:50%;flex:none}h1{font-size:clamp(34px,4vw,49px);line-height:1.14;letter-spacing:-1.8px;margin:0 0 21px;font-weight:750}h1 em{font-style:normal;color:var(--green)}.intro{color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 22px}.badges{display:flex;gap:20px;font-size:11px;color:var(--muted)}.hero-art{background:var(--pale);border:1px solid #dbe5d0;border-radius:18px;padding:25px 30px 22px;transform:rotate(-3deg);min-width:320px;box-shadow:6px 7px 0 #e7ecdf}.art-top{font-size:9px;letter-spacing:2px;color:var(--green)}.hero-art>div{display:flex;align-items:baseline;gap:8px;padding:12px 0;font-size:17px}.hero-art b{font-size:43px;font-weight:600;letter-spacing:-2px}.art-arrow{margin:0 12px;color:#73916e;font-size:29px}.ruler{display:block;height:20px;border-bottom:1px solid #a0b28f;background:repeating-linear-gradient(to right,#a0b28f 0,#a0b28f 1px,transparent 1px,transparent 13px)}.hero-art small{display:block;font-size:11px;margin-top:12px;color:var(--muted)}h2{font-size:25px;line-height:1.3;letter-spacing:-.6px;margin:0 0 13px}h3{font-size:17px;line-height:1.4}.section-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:20px}.section-head h2{margin-bottom:0}.section-head .eyebrow{margin-bottom:8px}.search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;background:white;padding:0 13px;width:290px}.search>span{font-size:23px}.search input{min-width:0;border:0;background:transparent;width:100%;padding:11px 2px;font-size:12px}.categories{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;margin-bottom:22px}.category{border:1px solid var(--line);background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px 3px 10px;border-radius:10px;font-size:11px;min-height:81px;transition:background .15s,border-color .15s}.category:hover{background:#f0f5ed;border-color:#94b29d}.category[aria-pressed=true]{background:#e8f0e2;border-color:#789c79;box-shadow:inset 0 0 0 1px #789c79;color:#144f3c;font-weight:700}.cat-icon{font-size:19px;line-height:1.3;font-weight:500}.converter{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #d6e1d7;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #263f3210}.input-panel,.result-panel{padding:28px 30px}.panel-heading,.result-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:12px}.mini-label{font-size:10px;font-weight:800;letter-spacing:1.7px;color:var(--green)}.text-button{border:0;padding:5px 0;min-height:32px;background:none;text-decoration:underline;text-underline-offset:3px;color:var(--muted);font-size:11px}.input-panel label{display:block;font-size:12px;font-weight:650;margin-bottom:8px}.value-input{width:100%;border:1px solid #aebdaf;border-radius:9px;padding:10px 15px;font-size:32px;color:var(--ink);line-height:1.6;background:#fff}.hint{font-size:11px;color:var(--muted);margin:9px 0 20px;line-height:1.6}.unit-pair{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);align-items:end;gap:11px}select{width:100%;min-width:0;border:1px solid #bdcdbf;border-radius:7px;padding:10px 27px 10px 10px;background:#fff;color:var(--ink);font-size:13px;height:46px;text-overflow:ellipsis}.swap{height:46px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:23px}.swap:hover{background:#e4efdf}.validation{font-size:12px;color:#a32922;min-height:20px;margin:8px 0}.error{padding:15px;background:#fff0ef;color:#a32922;border-radius:8px}.precision{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:17px}.precision label{margin:0;white-space:nowrap}.precision select{max-width:225px;margin-left:auto;font-size:12px;height:39px;padding-top:5px;padding-bottom:5px}.category-note{font-size:11px;line-height:1.8;color:var(--muted);margin:15px 0 0;min-height:39px}.result-panel{background:#eff4e9;border-left:1px solid #d6e1d7;display:flex;flex-direction:column}.live-badge{font-size:10px;display:flex;align-items:center;gap:5px;color:var(--green);border:1px solid #cfdec6;border-radius:20px;padding:3px 8px}.result-block{padding:7px 0 20px;min-height:156px}.result-block p{margin:0;color:var(--muted);font-size:13px;overflow-wrap:anywhere}#result{display:block;font-size:clamp(32px,4vw,52px);letter-spacing:-1.8px;font-weight:650;line-height:1.3;margin:6px 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}#result-unit{font-size:15px;color:var(--green);font-weight:600}.result-actions{display:flex;gap:10px;margin-top:3px}.button{border:1px solid #bccdb8;border-radius:7px;background:transparent;padding:11px 16px;min-height:45px;font-size:12px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:25px}.button.primary{background:var(--green);color:white;border-color:var(--green)}.button:hover{filter:brightness(.94)}.action-status{min-height:18px;font-size:11px;margin:7px 0;color:var(--green)}.formula{border-top:1px solid #cddbc5;margin-top:auto;padding-top:17px}.formula p{font-size:14px;margin:6px 0;overflow-wrap:anywhere}.formula small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.under-tool{text-align:center;font-size:11px;color:var(--muted);margin:15px 0 23px}.popular{display:flex;gap:20px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.popular>span{font-size:11px;color:var(--muted);flex:none}.popular>div{display:flex;gap:7px;flex-wrap:wrap}.popular button{background:#fff;border:1px solid var(--line);padding:7px 11px;border-radius:6px;font-size:11px;min-height:34px}.popular button:hover{border-color:var(--green)}.comparison{background:#fff;border:1px solid var(--line);border-radius:9px;padding:0 20px;margin-top:10px}.comparison>summary{font-size:12px;font-weight:600;padding:16px 0}.comparison>summary span{float:right}.table-scroll{overflow:auto;max-height:380px}table{width:100%;border-collapse:collapse;font-size:13px}caption{text-align:left;color:var(--muted);padding-bottom:12px}th,td{padding:10px;text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere}th{background:#f3f6ef;position:sticky;top:0}td:last-child,th:last-child{text-align:right}td:last-child{font-variant-numeric:tabular-nums}.guide{margin-top:65px}.muted{color:var(--muted);font-size:13px}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:27px 0 0}.steps li{border-top:1px solid #bccdb8;padding-top:21px}.steps li>span{color:#536b4b;font-size:12px}.steps h3{margin:12px 0 8px}.steps p{font-size:13px;color:var(--muted);margin:0;max-width:320px}.knowledge{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:64px 0;padding:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.knowledge p{font-size:13px;color:var(--muted)}.reference{background:#edf2e7;padding:23px 28px;border-radius:12px}.reference h3{margin-top:0;font-size:14px}.reference dl{margin:0}.reference dl>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #d9e2d2;padding:8px 0;font-size:12px}.reference dl>div:last-child{border:0}.reference dd{margin:0;font-weight:650}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 25px;margin-top:25px;align-items:start}details summary{padding:16px 0;font-size:13px;font-weight:600}details p{font-size:12px;color:var(--muted);margin:0 0 17px}.directory-grid details{border-bottom:1px solid var(--line)}summary small{font-size:10px;color:var(--muted);font-weight:400;float:right}.faq{display:grid;grid-template-columns:1fr 2fr;gap:60px;margin:65px 0 38px}.faq details{border-bottom:1px solid var(--line)}.faq summary{padding:17px 0;font-size:14px}.faq p{font-size:13px;line-height:1.85}.sources{background:#edf2e7;border:1px solid #dbe4d4;padding:22px 27px;border-radius:10px}.sources h2{font-size:15px}.sources p{font-size:12px;color:var(--muted)}.sources p:last-child{margin-bottom:0}.related{margin:43px 0 50px}.related h2{font-size:18px}.related>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.related a{display:block;text-decoration:none;border:1px solid var(--line);border-radius:7px;padding:15px;background:white;font-size:12px}footer{background:#fff;border-top:1px solid var(--line);padding:26px 0}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer a:not(.brand),footer .wrap>span{font-size:11px;color:var(--muted)}footer .brand{font-size:14px}footer .brand-tools{font-size:11px}
@media(min-width:1450px){.hero{margin-top:45px;margin-bottom:60px}}
@media(max-width:1000px){.hero-art{min-width:260px;padding:20px}.hero-art b{font-size:35px}.hero-art>div{gap:5px}.categories{grid-template-columns:repeat(6,1fr)}.input-panel,.result-panel{padding:24px}.unit-pair{gap:7px;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)}.button{gap:10px}.knowledge{gap:35px}.badges{gap:12px}.hero{gap:20px}.desktop{display:none}footer p{display:none}}
@media(max-width:720px){.wrap{width:calc(100% - 32px)}.header-inner{min-height:68px}.header-inner nav{gap:17px}.header-inner nav a{font-size:12px}.home{display:none}.brand{font-size:16px;gap:7px}.brand-tools{font-size:11px;padding-left:8px}.brand-mark{height:28px;width:28px}.breadcrumb{margin:21px 0 26px}.hero{margin-bottom:31px}.hero-art{display:none}h1{font-size:36px;letter-spacing:-1.2px}.intro{font-size:14px}.badges{gap:12px;flex-wrap:wrap;font-size:10px}.section-head{align-items:flex-start;flex-direction:column;gap:14px}h2{font-size:23px}.search{width:100%}.categories{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.category{font-size:10px;min-height:73px;padding:9px 2px}.cat-icon{font-size:18px}.converter{grid-template-columns:1fr}.input-panel,.result-panel{padding:23px}.result-panel{border-left:0;border-top:1px solid #d6e1d7}.panel-heading,.result-heading{margin-bottom:19px}.unit-pair{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);gap:10px}#result{font-size:43px}.result-block{min-height:135px;padding-top:0}.result-actions .button{flex:1;gap:15px}.category-note{min-height:0}.precision select{max-width:220px}.under-tool{line-height:1.9}.popular{flex-direction:column;align-items:flex-start;gap:10px}.guide{margin-top:42px}.steps{gap:15px}.steps h3{font-size:15px}.steps p{font-size:12px}.knowledge{margin:40px 0;grid-template-columns:1fr;gap:18px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.directory-grid summary{font-size:12px}.faq{grid-template-columns:1fr;gap:7px;margin-top:42px}.faq h2 br{display:none}.faq summary{font-size:13px}.related>div{grid-template-columns:repeat(2,1fr)}footer .wrap{flex-wrap:wrap;gap:15px}footer .wrap>span{margin-left:auto}}
@media(max-width:420px){.categories{grid-template-columns:repeat(3,minmax(0,1fr))}.category{flex-direction:row;min-height:49px;gap:7px;padding:9px 4px;font-size:10px}.cat-icon{font-size:16px}.input-panel,.result-panel{padding:20px 16px}.precision{gap:10px}.precision label{font-size:11px}.precision select{font-size:11px}.directory-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:20px}.steps p{max-width:none}.steps h3{margin-top:5px}.steps li{padding-top:12px}h1{font-size:33px}.badges{gap:10px}.unit-pair{gap:7px;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)}select{font-size:12px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.brand-tools{display:none}footer .brand-tools{display:inline}.value-input{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.value-wrap{position:relative}.value-wrap .value-input{padding-right:62px}.sign-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--green);font-size:22px}.sign-button:hover{background:var(--pale)}
@media(max-width:420px){.unit-pair{grid-template-columns:minmax(0,1fr) 38px;gap:13px 10px}.unit-pair>div:first-child{grid-column:1;grid-row:1}.unit-pair>div:last-child{grid-column:1;grid-row:2}.unit-pair .swap{grid-column:2;grid-row:1 / 3;align-self:center}.unit-pair select{font-size:13px}}
.hero-note{min-width:270px;background:#edf3e7;border:1px solid #dbe5d0;border-radius:17px;padding:25px 28px;transform:rotate(-3deg);box-shadow:5px 6px 0 #e6eddc}.note-label{font-size:9px;color:var(--green);letter-spacing:1.5px;font-weight:700}.hero-note>div{display:flex;align-items:center;gap:28px;margin:13px 0 18px}.hero-note>div>span{font-size:49px;line-height:1.2;font-weight:550;letter-spacing:-2px}.hero-note b{font-size:25px;color:#668760;font-weight:400}.hero-note small{font-size:11px;color:var(--muted)}.count-badge{border:1px solid #d1dfc7;background:#edf3e7;border-radius:20px;padding:6px 12px;font-size:11px;white-space:nowrap}.currency-pair{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);gap:10px;align-items:end}.currency-button{width:100%;display:flex;align-items:center;gap:9px;min-height:74px;border:1px solid #bacbb7;border-radius:9px;background:white;text-align:left;padding:11px 10px;color:var(--ink)}.currency-button:hover{border-color:#17634b;background:#fafcf7}.currency-symbol{width:31px;height:31px;border-radius:50%;background:#edf2e6;display:grid;place-items:center;font-size:12px;color:var(--green);flex:none}.currency-button>span:nth-child(2){min-width:0;flex:1}.currency-button strong{display:block;font-size:16px;line-height:1.3;letter-spacing:.5px}.currency-button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--muted);margin-top:4px}.chevron{font-size:15px;color:var(--muted);flex:none}.currency-pair .swap{height:45px;margin-bottom:14px}.input-note{font-size:11px;color:var(--muted);margin:16px 0 0}.result-panel{background:#edf3e5}.result-block{min-height:158px}.result-block #result{font-size:clamp(29px,3vw,46px);line-height:1.35;letter-spacing:-1.5px}.result-block #result-currency{font-size:14px;font-weight:600;color:var(--green)}.live-badge{padding:4px 9px;border-color:#ccdcc0}.live-badge.stale{background:#fff1cf;color:#6d4c12;border-color:#ddc28f}.live-badge.failed{background:#f8e9e6;color:#973e32;border-color:#e5b5ad}.data-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 4px 8px}.data-strip>div{display:flex;align-items:flex-start;gap:10px}.source-dot{width:7px;height:7px;flex:none;background:var(--green);border-radius:50%;margin-top:8px}.data-strip p{font-size:12px;margin:0 0 4px}.data-strip small{font-size:10px;color:var(--muted);line-height:1.6}.data-strip .button{font-size:11px;padding:8px 12px;min-height:38px;flex:none}.pair-date{font-size:11px;color:var(--muted);margin:8px 0 0}.warning{font-size:12px;background:#fff3d8;border:1px solid #dfcba1;color:#715219;padding:12px 15px;border-radius:8px;margin:15px 0 0}.popular-section{margin-top:40px}.rate-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.rate-card{background:white;border:1px solid var(--line);border-radius:11px;padding:17px 15px;text-align:left;min-width:0}.rate-card:hover{border-color:#84a278;background:#f0f5ea}.rate-card:disabled{opacity:.7}.card-top{display:flex;justify-content:space-between;align-items:center;color:var(--green);margin-bottom:14px}.code-badge{font-size:11px;font-weight:750;letter-spacing:.6px;display:inline-block;border:1px solid #d8e2cd;background:#f0f4e8;padding:5px 7px;border-radius:5px}.rate-card strong{font-size:11px;display:block;line-height:1.6;min-height:36px;color:var(--muted);font-weight:500}.card-value{display:block;font-size:16px;font-weight:650;color:var(--ink);letter-spacing:-.3px;margin:7px 0;overflow-wrap:anywhere}.rate-card small{display:block;font-size:9px;color:var(--muted)}.comparison-section{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;margin:48px 0;padding:31px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.table-scroll{border:1px solid var(--line);border-radius:10px;background:#fff;max-height:none}.table-scroll table{font-size:13px}.table-scroll th{padding:13px 20px}.table-scroll td{padding:11px 20px}.table-scroll tr:last-child td{border-bottom:0}.table-date{font-size:11px;color:var(--muted);margin-top:25px}.reference p,.reference ul{font-size:13px;color:var(--muted)}.reference ul{padding-left:17px}.reference li{margin:8px 0}.reference h3{font-size:18px}.guide{margin-top:40px}.knowledge{margin:48px 0}.sources p{line-height:1.9}dialog{border:1px solid var(--line);border-radius:16px;padding:25px;width:min(500px,calc(100% - 30px));max-height:85vh;overflow:hidden;color:var(--ink);box-shadow:0 20px 80px #10241933;background:var(--paper)}dialog::backdrop{background:#17372966}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.dialog-heading h2{font-size:23px;margin-bottom:18px}.dialog-heading .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:7px}.dialog-heading button{background:#e7efdf;border:0;border-radius:7px;min-width:36px;min-height:36px;font-size:23px}.currency-list{max-height:48vh;overflow-y:auto;overscroll-behavior:contain;padding:0 3px 5px}.currency-list button{width:100%;display:flex;align-items:center;gap:14px;border:1px solid transparent;border-bottom-color:var(--line);background:transparent;padding:12px 8px;text-align:left;border-radius:5px;min-height:53px}.currency-list button:hover,.currency-list button[aria-pressed=true]{background:#e7efdd;border-color:#b3c6a4}.currency-list button>strong{font-size:12px;min-width:37px;color:var(--green)}.currency-list button>span{font-size:12px;line-height:1.4}.currency-list button small{margin-left:auto;color:var(--green);font-size:10px;flex:none}#currency-search{width:100%;border:1px solid #acbea3;border-radius:8px;font-size:13px;padding:12px;background:#fff;color:var(--ink)}#search-status{margin:10px 0;font-size:11px}#rounding-note{font-size:11px;margin-top:0;color:#684b1f}
@media(max-width:1100px){.hero-note{min-width:225px;padding:23px}.rate-cards{grid-template-columns:repeat(3,1fr)}.rate-card strong{min-height:0}.currency-pair{grid-template-columns:1fr 36px}.currency-pair>div:first-child{grid-column:1;grid-row:1}.currency-pair>div:last-child{grid-column:1;grid-row:2}.currency-pair .swap{grid-column:2;grid-row:1 / 3;align-self:center;margin:20px 0 0}.currency-button{min-height:63px}.currency-button small{font-size:11px}.result-block{padding-top:25px;min-height:190px}.comparison-section{gap:35px}}
@media(max-width:720px){.hero-note{display:none}.hero .eyebrow{font-size:9px;letter-spacing:1.4px}.intro br{display:none}.section-head{gap:12px}.count-badge{font-size:10px}.currency-pair{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr)}.currency-pair>div:first-child{grid-column:1;grid-row:1}.currency-pair>div:last-child{grid-column:3;grid-row:1}.currency-pair .swap{grid-column:2;grid-row:1;margin:0 0 10px;align-self:end}.currency-symbol{display:none}.currency-button{min-height:65px}.currency-button small{font-size:10px}.result-block{padding-top:0;min-height:150px}.result-block #result{font-size:39px}.result-actions{width:100%}.result-actions .button{flex:1}.data-strip{align-items:flex-start}.data-strip .button{font-size:10px;max-width:110px;padding:9px;gap:5px}.data-strip>div{gap:7px}.data-strip p{font-size:11px}.data-strip small{font-size:10px}.rate-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rate-card{padding:13px 10px}.rate-card strong{min-height:35px;font-size:10px}.card-value{font-size:14px}.rate-card small{font-size:9px}.popular-section{margin-top:32px}.comparison-section{grid-template-columns:1fr;gap:15px;margin:32px 0}.table-date{margin-top:14px}.comparison-section h2{font-size:23px}.table-scroll th,.table-scroll td{padding:10px 15px}dialog{padding:20px}.currency-list{max-height:48vh}}
@media(max-width:420px){.hero h1{font-size:32px}.currency-pair{gap:7px;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)}.currency-button{padding:10px 9px;gap:5px}.currency-button strong{font-size:15px}.currency-button small{font-size:9px}.currency-pair .swap{font-size:21px}.result-block #result{font-size:35px}.rate-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.rate-card strong{min-height:0}.card-value{font-size:17px}.card-top{margin-bottom:10px}.precision select{max-width:185px}.data-strip{flex-wrap:wrap;gap:10px}.data-strip .button{max-width:none}.table-scroll td{font-size:12px}.hero .badges{gap:10px;font-size:10px}}