@font-face{font-family:'Open Runde';src:url('assets/fonts/open-runde-bold.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:'Open Runde';src:url('assets/fonts/open-runde-semibold.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url('assets/fonts/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
/* Forexogram — shared styles for static content + converter pages.
   Theme: Stripe / fintech light. Solid cards, indigo→cyan accent, soft shadows. */
:root{
  --bg:#f6f9fc; --ink:#0a2540; --muted:#425466; --faint:#8792a2;
  --blue:#4F5DF5; --cyan:#4F5DF5; --up:#4F5DF5; --down:#b42318; --amber:#8a6d3b;
  --card:#ffffff; --line:#e6ebf1; --glass:#ffffff; --glass-brd:#e6ebf1;
  --shadow:0 4px 16px rgba(10,37,64,.06); --shadow-lg:0 12px 34px rgba(10,37,64,.10);
  --wrap:1100px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:Inter,system-ui,sans-serif;
  font-weight:400; line-height:1.65; overflow-x:hidden;
  background-image:linear-gradient(180deg,#f6f9fc 0%,#eef2f9 100%);
  background-attachment:fixed;
}
a{color:var(--blue);text-decoration:none;}
a:hover{color:#4b45cc;}
::selection{background:var(--blue);color:#fff;}
img{max-width:100%;height:auto;}
.skip{position:absolute;left:-999px;top:0;background:var(--card);color:var(--ink);padding:10px 16px;border-radius:8px;z-index:100;}
.skip:focus{left:12px;top:12px;}

.serif{font-family:'Open Runde',sans-serif;} /* Stripe theme: display headings are sans */
.mono{font-family:Inter,sans-serif;}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px;}
.eyebrow{font-family:Inter,sans-serif;font-size:9.5px;letter-spacing:.28em;color:var(--blue);text-transform:uppercase;display:flex;align-items:center;gap:10px;margin:0 0 14px;font-weight:500;}
.eyebrow::before{content:"";width:24px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));}
.num{font-variant-numeric:tabular-nums;}

/* header */
.site-head{
  position:sticky;top:0;z-index:30;
  background:rgba(255,255,255,.9);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.site-head .bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 24px;max-width:var(--wrap);margin:0 auto;}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);}
.brand svg{width:30px;height:30px;display:block;}
.brand b{font-family:'Open Runde',sans-serif;font-weight:600;font-size:20px;letter-spacing:.26em;padding-left:.26em;line-height:1;
  background:linear-gradient(90deg,var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.site-nav{display:flex;gap:22px;font-size:13px;font-weight:500;}
.site-nav a{color:var(--muted);}
.site-nav a:hover,.site-nav a[aria-current]{color:var(--blue);}

/* hero band */
.pagehero{padding:60px 0 30px;}
.pagehero h1{font-family:'Open Runde',sans-serif;font-weight:700;font-size:clamp(32px,5.4vw,56px);line-height:1.05;margin:0 0 14px;letter-spacing:-.025em;}
.pagehero p.lead{font-size:clamp(15px,2.2vw,18px);color:var(--muted);max-width:60ch;margin:0;}

/* cards & prose */
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);}
.prose{max-width:72ch;}
.prose h2{font-family:'Open Runde',sans-serif;font-weight:700;font-size:clamp(22px,3.2vw,30px);line-height:1.15;margin:44px 0 12px;letter-spacing:-.02em;}
.prose h3{font-family:'Open Runde',sans-serif;font-weight:600;font-size:18px;margin:28px 0 8px;}
.prose p,.prose li{font-size:15.5px;color:var(--muted);}
.prose ul{padding-left:20px;}
.prose li{margin:6px 0;}
.prose strong{font-weight:600;color:var(--ink);}

/* converter widget */
.conv{display:grid;grid-template-columns:1.2fr auto 1.2fr;gap:14px;align-items:end;padding:26px;}
.conv label{display:block;font-family:Inter,sans-serif;font-size:9px;letter-spacing:.2em;color:var(--faint);text-transform:uppercase;margin-bottom:6px;}
.conv .fld{display:flex;gap:10px;}
.conv input,.conv select{background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:12px 14px;font-size:18px;font-family:'Open Runde',sans-serif;outline:none;transition:border-color .15s,box-shadow .15s;}
.conv input:focus,.conv select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(99,91,255,.15);}
.conv input{flex:1;min-width:0;font-variant-numeric:tabular-nums;}
.conv select{cursor:pointer;}
.conv .swap{align-self:center;background:var(--card);border:1px solid var(--line);border-radius:50%;width:42px;height:42px;cursor:pointer;color:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:2px;box-shadow:var(--shadow);}
.result-big{font-family:'Open Runde',sans-serif;font-weight:700;font-size:clamp(30px,6vw,46px);color:var(--blue);line-height:1;letter-spacing:-.02em;}
.rate-note{font-family:Inter,sans-serif;font-size:12px;color:var(--muted);margin-top:8px;}

/* table */
.tbl{width:100%;border-collapse:collapse;}
.tbl caption{text-align:left;font-family:Inter,sans-serif;font-size:9px;letter-spacing:.18em;color:var(--faint);padding:0 0 12px;text-transform:uppercase;}
.tbl th,.tbl td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums;}
.tbl th{font-family:Inter,sans-serif;font-size:9px;letter-spacing:.16em;color:var(--faint);font-weight:500;text-transform:uppercase;}
.tbl td:first-child,.tbl th:first-child{text-align:left;}

/* footer */
.site-foot{background:#fff;border-top:1px solid var(--line);margin-top:60px;}
.site-foot .cols{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:32px;padding:52px 24px 26px;max-width:var(--wrap);margin:0 auto;}
.site-foot h4{font-family:Inter,sans-serif;font-size:9px;letter-spacing:.2em;color:var(--faint);text-transform:uppercase;margin:0 0 14px;font-weight:500;}
.site-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:13.5px;}
.site-foot a{color:var(--muted);}
.site-foot a:hover{color:var(--blue);}
.site-foot .blurb{font-size:12.5px;color:var(--muted);max-width:38ch;margin:14px 0 0;}
.site-foot .legal{max-width:var(--wrap);margin:0 auto;padding:16px 24px 36px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;}
.site-foot .legal span{font-family:Inter,sans-serif;font-size:9.5px;letter-spacing:.14em;color:var(--faint);}

/* responsive */
@media(max-width:820px){
  .site-nav{gap:16px;font-size:12px;}
  .conv{grid-template-columns:1fr;}
  .conv .swap{transform:rotate(90deg);justify-self:center;}
  .site-foot .cols{grid-template-columns:1fr 1fr;gap:26px;}
}
@media(max-width:520px){
  .site-head .bar{flex-wrap:wrap;gap:10px;}
  .site-foot .cols{grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;}}
/* Rare UI reference: Open Runde + Inter, neutral surfaces, orange actions. */
:root{color-scheme:light;--bg:#fff;--hero:#f5f5f7;--stage:#eee;--ink:#333;--heading:#000;--muted:#6b6b73;--hero-muted:#0009;--faint:#999;--blue:#4F5DF5;--cyan:#4F5DF5;--up:#4F5DF5;--down:#c83c3c;--card:#fff;--line:#0000000b;--glass:#f5f5f7;--glass-brd:#e9e9eb;--shadow:none;--shadow-lg:0 12px 30px #00000008;--wrap:1152px}
:root[data-theme=dark]{color-scheme:dark;--bg:#000;--hero:#121212;--stage:#181818;--ink:#e5e5e5;--heading:#fff;--muted:#a3a3a3;--hero-muted:#fff9;--faint:#6b6b6b;--card:#191919;--line:#ffffff12;--glass:#191919;--glass-brd:#292929;--up:#4F5DF5;--down:#ee7777;--shadow:none}
body{background:var(--bg);background-image:none;font-family:Inter,system-ui,sans-serif;color:var(--ink);padding-top:105px;line-height:1.5}a{color:var(--blue)}a:hover{color:var(--ink)}button,input,select,textarea{font-family:Inter,sans-serif}button,a,input,select,textarea{touch-action:manipulation}a,button{ -webkit-tap-highlight-color:transparent} :focus-visible{outline:2px solid var(--blue);outline-offset:4px}input,select,textarea{color:var(--ink);background:var(--card)}h1,h2,h3,h4,.serif{font-family:'Open Runde',sans-serif}.mono{font-family:Inter,sans-serif;letter-spacing:0}.wrap{padding-left:24px;padding-right:24px}.site-head{position:fixed;top:30px;left:24px;right:24px;z-index:50;background:none;backdrop-filter:none;border:0;pointer-events:none}.site-head .bar{position:relative;max-width:768px;margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}.site-head .bar>*{pointer-events:auto}.brand{height:48px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border-radius:999px;background:#171717;border:1px solid #ffffff0d;color:#fff;flex-shrink:0}.brand:hover{color:#fff}.brand img,.brand svg{width:20px;height:20px}.brand b{font:600 16px/24px 'Open Runde',sans-serif;letter-spacing:0;padding:0;background:none;-webkit-text-fill-color:currentColor}.site-nav{display:flex;align-items:center;gap:0;padding:0 8px;height:48px;background:#171717;border:1px solid #ffffff0d;border-radius:999px;font:400 14px/20px Inter,sans-serif}.site-nav a{color:#aaa;padding:0 14px;white-space:nowrap}.site-nav a+a{border-left:1px solid #ffffff26}.site-nav a:hover,.site-nav a[aria-current]{color:#fff}.nav-actions{display:flex;gap:8px;align-items:center}.nav-extra,.theme-toggle,.menu-toggle{height:48px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#171717;border:1px solid #ffffff0d;color:#ddd;padding:0 16px;font-size:14px}.nav-extra:hover{color:#fff}.theme-toggle,.menu-toggle{width:48px;padding:0;cursor:pointer;font-size:25px}.theme-toggle:hover,.menu-toggle:hover{background:#262626;color:#fff}.menu-toggle{display:none;font-size:21px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:9px}.pagehero{padding:65px 0 40px}.pagehero h1{font-family:'Open Runde',sans-serif;line-height:1.1;letter-spacing:-.025em;color:var(--heading)}.pagehero .lead{color:var(--muted);line-height:1.65}.eyebrow{font:500 11px/1.5 Inter,sans-serif;letter-spacing:.08em}.eyebrow:before{background:var(--blue)}.card{border-radius:22px;box-shadow:none}.conv label,.tbl th,.tbl caption{letter-spacing:.04em;font-size:11px}.conv input,.conv select{font-family:Inter,sans-serif}.result-big{font-family:'Open Runde',sans-serif}.conv .swap{background:var(--card)}.site-foot{background:var(--hero);margin:80px 10px 10px;border:1px solid var(--line);border-radius:28px}.site-foot .brand{background:none;border:0;color:var(--ink);padding:0}.site-foot h4{font-family:Inter,sans-serif;font-size:11px;letter-spacing:.05em}.site-foot .legal span{font-family:Inter,sans-serif;letter-spacing:0;font-size:11px}.prose h2,.prose h3{font-family:'Open Runde',sans-serif}.prose p,.prose li{line-height:1.75}.prose{margin-left:auto;margin-right:auto}.skip{background:var(--card);z-index:1000}.calc-tabs .tab,.qp{font-family:Inter,sans-serif!important;background:var(--card)!important;color:var(--muted)!important;letter-spacing:0!important}.calc-tabs .tab.on{background:var(--blue)!important;color:#fff!important}.inp,.sel{background:var(--card)!important;color:var(--ink)!important;border-color:var(--line)!important;font-family:Inter,sans-serif!important}.lbl,.mk,.mv{font-family:Inter,sans-serif!important;letter-spacing:0!important}.mini{background:var(--hero)!important}.big{font-family:'Open Runde',sans-serif!important}
@media(max-width:767px){body{padding-top:100px}.site-head{top:20px;left:20px;right:20px}.site-head .bar{flex-wrap:nowrap;gap:8px}.site-head .site-nav{display:none}.nav-extra{display:none}.menu-toggle{display:flex}.bar.menu-open .site-nav{position:absolute;top:60px;left:0;right:0;height:auto;padding:12px;border-radius:22px;display:flex;flex-direction:column;align-items:stretch;box-shadow:0 20px 30px #0004}.bar.menu-open .site-nav a{border:0;padding:14px;border-radius:12px}.bar.menu-open .site-nav a:hover{background:#262626}.pagehero{padding:35px 0}.wrap{padding-left:20px;padding-right:20px}.brand b{font-size:15px}.site-foot .cols{padding:32px 20px}.site-foot .legal{padding:20px}.pagehero h1{font-size:36px}.prose h2{font-size:27px}.site-foot{margin-top:60px}.theme-toggle,.menu-toggle{width:44px;height:44px}.brand{height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.tool-page .card,.tool-page .card>div,.tool-page .fgrid>div{min-width:0}.tool-page input,.tool-page select{min-width:0;max-width:100%;background:var(--card)!important;border-color:var(--line)!important;color:var(--ink)!important}.tool-page .wrap>a.card,.tool-page .wrap>div>a.card{background:var(--hero);transition:transform .2s}.tool-page .wrap>div>a.card:hover{transform:translateY(-3px)}
@media(max-width:767px){.tool-page .wrap>div[style*="grid-template-columns"],.tool-page .wrap>section[style*="grid-template-columns"],.tool-page:not(.strength-page) .card>div[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}.tool-page .fgrid{grid-template-columns:1fr!important}.tool-page .pagehero h1{overflow-wrap:break-word}.strength-page .wrap>section.card{overflow-x:auto!important}.strength-page .wrap>section.card>div{min-width:590px}.tool-page .card .result-big{overflow-wrap:anywhere}}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue)!important;outline-offset:3px}.tool-page .inp:focus{box-shadow:none}

/* Shared calculator typography: match the homepage display and body families. */
.tool-page input[type="number"], .conv input[type="number"] {
  font-family:'Open Runde',sans-serif!important;
  font-size:26px!important;
  font-weight:600;
  line-height:1.25;
  letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
}
.tool-page select, .conv select {
  font-family:Inter,sans-serif!important;
  font-size:16px!important;
  font-weight:400;
  letter-spacing:0;
}
.tool-page label, .tool-page .lbl, .tool-page .mk, .tool-page .rk,
.tool-page .calc-label, .conv label {
  font-family:Inter,sans-serif!important;
  font-size:12px!important;
  font-weight:500;
  line-height:1.5;
  letter-spacing:0!important;
  text-transform:none!important;
}
.tool-page .result-big, .conv .result-big {
  font-family:'Open Runde',sans-serif;
  font-size:clamp(30px,4vw,40px)!important;
  font-weight:600;
  line-height:1.2;
  letter-spacing:-.025em;
  font-variant-numeric:tabular-nums;
}
.tool-page .mv {
  font-family:'Open Runde',sans-serif!important;
  font-size:20px;
  font-weight:600;
}
.tool-page .calc-tabs .tab, .tool-page .qp {
  font-size:12px;
  font-weight:500;
}

/* Shared typography for directories, editorial pages, and metadata. */
.serif { font-weight:600; }
.meta-label, .ranking-heading, .contact-grid label {
  font-family:Inter,sans-serif;
  font-size:12px!important;
  font-weight:500;
  line-height:1.5;
  letter-spacing:0!important;
  text-transform:none!important;
}
.tool-directory-card .serif {
  font-size:26px!important;
  line-height:1.2;
  letter-spacing:-.025em;
}
.tool-directory-card p { font-size:14px!important; line-height:1.65!important; }
.tool-directory-card .mono { font-size:12px!important; letter-spacing:0!important; }
.content-action { font-size:14px!important; font-weight:600; letter-spacing:0!important; }
.contact-grid input, .contact-grid textarea { font-size:16px!important; }
.tbl th, .tbl caption { font-size:12px; letter-spacing:0; text-transform:none; }
.prose p, .prose li { font-size:16px; }

/* Forexogram blue identity; foreground colours follow the active theme. */
:root { --blue:#4F5DF5; --cyan:#4F5DF5; --accent-hover:#3f4be0; --on-accent:#fff; }
:root[data-theme=dark] { --blue:#4F5DF5; --cyan:#4F5DF5; --accent-hover:#7C86FF; --on-accent:#fff; }
::selection { background:var(--blue); color:var(--on-accent); }
.calc-tabs .tab.on { color:var(--on-accent)!important; }
.content-action[style*="background:var(--blue)"] { color:var(--on-accent)!important; }
.content-action[style*="background:var(--blue)"]:hover { background:var(--accent-hover)!important; }
.brand img { content:url('assets/mark.svg?v=blue-1'); }
.site-head .brand img { content:url('assets/mark-on-dark.svg'); }

[data-theme=dark] .brand img { content:url('assets/mark-on-dark.svg'); }

/* Production UI polish for calculators, converters, and generated rate pages. */
.tool-page .card,
[data-converter].card {
  border-color:color-mix(in srgb,var(--line) 72%,var(--ink) 8%);
}
.tool-page .card,
[data-converter].card,
.tbl.card {
  overflow:hidden;
}
.tool-page .card[style*="padding"],
[data-converter].card .conv {
  padding:clamp(18px,2.8vw,26px)!important;
}
.tool-page input,
.tool-page select,
.tool-page textarea,
.conv input,
.conv select {
  min-height:48px;
  border-radius:14px!important;
  transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,transform .16s ease;
}
.tool-page input:hover,
.tool-page select:hover,
.tool-page textarea:hover,
.conv input:hover,
.conv select:hover {
  border-color:color-mix(in srgb,var(--blue) 34%,var(--line))!important;
}
.tool-page input:focus,
.tool-page select:focus,
.tool-page textarea:focus,
.conv input:focus,
.conv select:focus {
  border-color:var(--blue)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 16%,transparent)!important;
  outline:0!important;
}
.tool-page input[aria-invalid="true"],
.tool-page select[aria-invalid="true"] {
  border-color:var(--down)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--down) 14%,transparent)!important;
}
.calc-tabs {
  gap:10px!important;
  padding:6px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--hero);
  width:max-content;
  max-width:100%;
}
.calc-tabs .tab {
  min-height:42px;
  border-radius:13px!important;
  padding:10px 16px!important;
}
.calc-tabs .tab:hover,
.qp:hover,
.conv .swap:hover {
  border-color:color-mix(in srgb,var(--blue) 36%,var(--line))!important;
  color:var(--ink)!important;
}
.calc-tabs .tab.on:hover {
  color:var(--on-accent)!important;
}
.qp {
  min-height:36px;
  border-radius:999px!important;
}
.form-help,
.field-help {
  font-size:12.5px;
  line-height:1.55;
  color:var(--muted);
  margin:8px 0 0;
}
.trust-note {
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--hero);
  color:var(--muted);
}
.trust-note::before {
  content:"";
  width:8px;
  height:8px;
  margin-top:.45em;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--blue);
}
.mini {
  min-width:0;
}
.mv,
.result-big {
  overflow-wrap:anywhere;
}
.rate-note,
.tool-page .meta-label {
  line-height:1.6;
}
.conv {
  gap:16px;
}
.conv .fld {
  min-width:0;
}
.conv input {
  width:100%;
}
.conv select {
  max-width:180px;
}
.conv .swap {
  min-width:44px;
  min-height:44px;
}
.tbl.card {
  display:table;
  border-radius:18px;
}
.tbl tbody tr:hover {
  background:color-mix(in srgb,var(--blue) 5%,transparent);
}
.wrap section ul a[href*="-to-"] {
  display:inline-flex;
  min-height:36px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:999px;
  padding:7px 12px;
  background:var(--card);
  color:var(--ink);
  font-size:13px;
  line-height:1.25;
}
	.wrap section ul a[href*="-to-"]:hover {
	  border-color:color-mix(in srgb,var(--blue) 36%,var(--line));
	  color:var(--blue);
	}
.tools-bento-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:16px;
  margin-top:8px;
}
.tools-showcase-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:24px;
  background:var(--hero);
  color:var(--ink);
  padding:8px;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease;
}
.tools-showcase-card:hover{
  color:var(--ink);
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--blue) 28%,var(--line));
  box-shadow:0 14px 34px #00000012;
}
.tools-showcase-card:focus-visible{
  outline:2px solid var(--blue);
  outline-offset:4px;
}
.tools-card-stage{
  position:relative;
  display:grid;
  min-height:215px;
  place-items:center;
  overflow:hidden;
  border-radius:16px;
  background:var(--stage);
}
.tools-card-caption{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 12px 6px;
  font-size:14px;
  font-weight:600;
  line-height:1.35;
}
.tools-card-caption>span:last-child{
  color:var(--blue);
  font-size:20px;
  line-height:1;
}
.market-hours-stage,.travel-stage{
  min-height:215px;
}
.session-preview,.ticket,.calc-preview,.tax-preview,.strength-preview{
  width:82%;
  border:1px solid var(--line);
  border-radius:17px;
  background:var(--card);
  box-shadow:0 15px 25px #00000015;
  transition:transform .3s ease;
}
.session-preview,.calc-preview,.tax-preview,.strength-preview{
  padding:24px;
  transform:rotate(-5deg);
}
.ticket{
  padding:23px 20px;
  transform:rotate(5deg);
}
.tools-showcase-card:hover .session-preview,
.tools-showcase-card:hover .ticket,
.tools-showcase-card:hover .calc-preview,
.tools-showcase-card:hover .tax-preview,
.tools-showcase-card:hover .strength-preview{
  transform:rotate(0);
}
.session-preview>span,.ticket>span,.calc-preview>span,.tax-preview>span,.strength-preview>span{
  display:block;
  font-size:10px;
  letter-spacing:.12em;
  color:var(--muted);
}
.session-preview strong,.calc-preview strong,.tax-preview strong{
  display:block;
  margin:8px 0 18px;
  font:600 27px/1.2 'Open Runde',sans-serif;
  letter-spacing:-.02em;
}
.session-bars{display:grid;gap:7px}
.session-bars i{display:block;height:9px;border-radius:999px;background:linear-gradient(90deg,var(--blue),color-mix(in srgb,var(--blue) 35%,transparent));opacity:.35}
.session-bars i:nth-child(2){margin-left:18%;opacity:.75}
.session-bars i:nth-child(3){margin-left:46%;opacity:1}
.session-bars i:nth-child(4){margin-left:66%;opacity:.55}
.ticket>div:not(.ticket-bottom){font:600 30px/1.3 'Open Runde',sans-serif;margin:6px 0}
.ticket p,.calc-preview p,.tax-preview p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}
.ticket-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--faint);padding-top:12px;font-size:9px;letter-spacing:1px}
.ticket-bottom span{color:var(--blue);font-size:20px}
.strength-preview{display:grid;gap:13px}
.strength-preview div{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;font-size:12px}
.strength-preview b{color:var(--blue)}
.strength-preview i{display:block;height:9px;border-radius:999px;background:linear-gradient(90deg,var(--blue),color-mix(in srgb,var(--blue) 25%,transparent))}
.calculator-stage,.tax-stage{background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--blue) 14%,transparent),transparent 38%),var(--stage)}
.calc-preview,.tax-preview{background:var(--card)}
.tax-preview strong{color:var(--blue)}
@media(max-width:767px){
  .tools-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .tools-card-stage,.market-hours-stage,.travel-stage{min-height:205px}
  .session-preview,.calc-preview,.tax-preview,.strength-preview{padding:16px;width:84%}
  .ticket{padding:16px 12px;width:84%}
  .session-preview strong,.calc-preview strong,.tax-preview strong{font-size:21px}
  .ticket>div:not(.ticket-bottom){font-size:22px}
  .tools-card-caption{padding:10px 5px 3px;font-size:12px}
}
@media(max-width:460px){
  .tools-bento-grid{grid-template-columns:1fr}
}

@media(min-width:768px){
  .site-nav{
    gap:4px;
    padding:0 6px;
  }
  .site-nav a{
    position:relative;
    display:inline-flex;
    min-height:38px;
    align-items:center;
    justify-content:center;
    border-left:0!important;
    border-radius:999px;
    padding:0 18px;
    color:#b8b8b8;
    font-weight:500;
    transition:background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
  }
  .site-nav a+a{border-left:0!important}
  .site-nav a:hover{
    color:#fff;
    background:#ffffff16;
    box-shadow:inset 0 0 0 1px #ffffff0f;
  }
  .site-nav a[aria-current="page"]{
    color:#fff;
    background:#ffffff22;
    box-shadow:inset 0 0 0 1px #ffffff17;
  }
}
.theme-toggle[aria-pressed="true"] {
	  color:#fff;
	}
	.menu-toggle:focus-visible,
	.theme-toggle:focus-visible,
	.nav-extra:focus-visible,
	.site-nav a:focus-visible,
	.brand:focus-visible {
	  outline:2px solid var(--blue);
	  outline-offset:4px;
	}
	.card {
	  transition:border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;
	}
	.tool-page .card:focus-within,
	[data-converter].card:focus-within {
	  border-color:color-mix(in srgb,var(--blue) 30%,var(--line));
	}
	.rate-note[data-note],
	.rate-note[id],
	.tax-help,
	.tax-period {
	  min-height:1.45em;
	}
	.rate-note:empty::before,
	.tax-help:empty::before,
	.tax-period:empty::before {
	  content:"\00a0";
	}
	button:disabled,
	[aria-disabled="true"] {
	  cursor:not-allowed!important;
	  opacity:.55;
	}
	.site-foot a,
	.prose a {
	  text-underline-offset:3px;
	}
	.prose a:hover,
	.site-foot a:hover {
	  text-decoration:underline;
	}
	.tool-directory-card {
	  min-height:100%;
	}
	.tool-directory-card:focus-visible {
	  outline:3px solid color-mix(in srgb,var(--blue) 70%,white);
	  outline-offset:4px;
	}
	[data-theme=dark] .trade-checkout-shell {
	  box-shadow:none;
	}
	@media(max-width:767px){
  .calc-tabs {
    width:100%;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .calc-tabs .tab {
    width:100%;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .tool-page input[type="number"],
  .conv input[type="number"] {
    font-size:22px!important;
  }
  .conv {
    gap:14px;
  }
  .conv .fld {
    flex-direction:column;
    gap:8px;
  }
  .conv select {
    width:100%;
    max-width:none;
  }
  .conv [style*="align-self:center"] {
    align-self:flex-start!important;
  }
  .tbl {
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
	  .wrap section ul a[href*="-to-"] {
	    width:100%;
	    justify-content:center;
	  }
	  .site-foot a {
	    display:inline-flex;
	    min-height:34px;
	    align-items:center;
	  }
	  .prose p,
	  .prose li {
	    font-size:15px;
	  }
	}

/* Calculator polish pass */
.travel-money-page .card{border-radius:24px!important;border-color:var(--line)!important;background:var(--card)!important;box-shadow:0 14px 34px #0000000a!important;}
.travel-money-page .card>div[style*="grid-template-columns:1fr 1fr"]{gap:18px!important;}
.travel-money-page .calc-label{font-family:Inter,sans-serif!important;font-size:11px!important;letter-spacing:.08em!important;color:var(--muted)!important;text-transform:none!important;font-weight:650!important;}
.travel-money-page select,.travel-money-page input{min-height:50px!important;border-color:var(--line)!important;border-radius:12px!important;background:var(--card)!important;color:var(--ink)!important;font-family:Inter,sans-serif!important;box-shadow:0 1px 2px #00000008!important;transition:border-color .16s ease,box-shadow .16s ease!important;}
.travel-money-page select:focus,.travel-money-page input:focus{border-color:var(--blue)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 14%,transparent)!important;}
.travel-money-page .result-big{color:var(--blue)!important;}
.tax-field select,.tax-field input{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #00000008;transition:border-color .16s ease,box-shadow .16s ease;}
.tax-field select:focus,.tax-field input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 14%,transparent);}
.tax-result{border-color:color-mix(in srgb,var(--blue) 22%,var(--line));}
@media(max-width:767px){.travel-money-page .card>div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}.travel-money-page .card{padding:20px!important}}

/* Big-tech inspired header color polish */
:root{
  --nav-surface:rgba(255,255,255,.86);
  --nav-border:#e9ebf2;
  --nav-text:#30323a;
  --nav-muted:#6b7280;
  --nav-hover:rgba(15,23,42,.055);
  --nav-active:rgba(79,93,245,.10);
}
:root[data-theme=dark]{
  --nav-surface:rgba(18,18,18,.86);
  --nav-border:#ffffff14;
  --nav-text:#f4f4f5;
  --nav-muted:#a1a1aa;
  --nav-hover:#ffffff12;
  --nav-active:rgba(79,93,245,.22);
}
.site-head .bar{
  max-width:720px;
}
.site-head .brand,
.site-head .site-nav,
.site-head .theme-toggle,
.site-head .menu-toggle{
  background:var(--nav-surface)!important;
  border-color:var(--nav-border)!important;
  color:var(--nav-text)!important;
  box-shadow:0 10px 30px #1118270d, inset 0 1px 0 #ffffff80;
  -webkit-backdrop-filter:blur(18px) saturate(1.25);
  backdrop-filter:blur(18px) saturate(1.25);
}
[data-theme=dark] .site-head .brand,
[data-theme=dark] .site-head .site-nav,
[data-theme=dark] .site-head .theme-toggle,
[data-theme=dark] .site-head .menu-toggle{
  box-shadow:0 10px 30px #00000038, inset 0 1px 0 #ffffff10;
}
.site-head .brand:hover,
.site-head .theme-toggle:hover,
.site-head .menu-toggle:hover{
  background:color-mix(in srgb,var(--nav-surface) 82%,var(--blue) 8%)!important;
  color:var(--nav-text)!important;
}
.site-head .brand b{
  color:var(--nav-text)!important;
  -webkit-text-fill-color:var(--nav-text)!important;
}
.site-head .brand img{
  content:url('assets/mark.svg?v=blue-1')!important;
}
.site-nav a{
  color:var(--nav-muted)!important;
  font-weight:550!important;
}
.site-nav a:hover{
  color:var(--nav-text)!important;
  background:var(--nav-hover)!important;
  box-shadow:none!important;
}
.site-nav a[aria-current="page"],
.site-nav a[aria-current]{
  color:var(--blue)!important;
  background:var(--nav-active)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 18%,transparent)!important;
}
.theme-toggle,
.menu-toggle{
  color:var(--nav-muted)!important;
}
.theme-toggle:hover,
.menu-toggle:hover{
  color:var(--blue)!important;
}
@media(max-width:767px){
  .bar.menu-open .site-nav{
    background:var(--nav-surface)!important;
    border:1px solid var(--nav-border)!important;
    box-shadow:0 20px 50px #1118271f!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.25);
    backdrop-filter:blur(18px) saturate(1.25);
  }
  .bar.menu-open .site-nav a:hover{
    background:var(--nav-hover)!important;
  }
}

/* Production color system: semantic tokens are the source of truth. */
:root{
  color-scheme:light;
  --color-primary:#4F5DF5;
  --color-primary-hover:#4250E8;
  --color-primary-active:#3541D4;
  --color-primary-soft:#EEF0FF;
  --color-accent:#0EA5E9;
  --color-bg:#F7F8FB;
  --color-surface:#FFFFFF;
  --color-surface-subtle:#F1F4F9;
  --color-surface-elevated:#FFFFFF;
  --color-text:#171A22;
  --color-text-secondary:#4B5565;
  --color-text-muted:#626D80;
  --color-text-faint:#626D80;
  --color-border:#DDE3EC;
  --color-border-subtle:#ECEFF5;
  --color-focus:#4F5DF5;
  --color-success:#12805C;
  --color-success-bg:#EAF7F1;
  --color-warning:#A16207;
  --color-warning-bg:#FFF7E6;
  --color-error:#C2413A;
  --color-error-bg:#FDECEC;
  --color-info:#2563EB;
  --color-info-bg:#EEF4FF;
  --color-disabled:#CBD5E1;
  --color-disabled-bg:#F1F4F9;
  --shadow-xs:0 1px 2px rgba(17,24,39,.05);
  --shadow-sm:0 8px 24px rgba(17,24,39,.07);
  --shadow-md:0 18px 50px rgba(17,24,39,.10);
  --shadow-focus:0 0 0 4px rgba(79,93,245,.16);
  --on-accent:#FFFFFF;
  --accent-hover:var(--color-primary-hover);
  --bg:var(--color-bg);
  --hero:var(--color-surface-subtle);
  --stage:#EEF1F6;
  --ink:var(--color-text);
  --heading:#05060A;
  --muted:var(--color-text-secondary);
  --hero-muted:var(--color-text-secondary);
  --faint:var(--color-text-muted);
  --blue:var(--color-primary);
  --cyan:var(--color-accent);
  --up:var(--color-success);
  --down:var(--color-error);
  --amber:var(--color-warning);
  --card:var(--color-surface);
  --line:var(--color-border);
  --glass:rgba(255,255,255,.82);
  --glass-brd:var(--color-border);
  --shadow:var(--shadow-sm);
  --shadow-lg:var(--shadow-md);
  --nav-surface:rgba(255,255,255,.88);
  --nav-border:rgba(221,227,236,.92);
  --nav-text:var(--color-text);
  --nav-muted:var(--color-text-secondary);
  --nav-hover:rgba(17,24,39,.055);
  --nav-active:rgba(79,93,245,.10);
  --tool-accent-sydney:#2F6CE5;
  --tool-accent-tokyo:#D31786;
  --tool-accent-london:#176FBD;
  --tool-accent-new-york:#22A447;
}
:root[data-theme=dark]{
  color-scheme:dark;
  --color-primary:#7C86FF;
  --color-primary-hover:#9AA2FF;
  --color-primary-active:#6671F2;
  --color-primary-soft:#20234A;
  --color-accent:#38BDF8;
  --color-bg:#0B0D12;
  --color-surface:#141821;
  --color-surface-subtle:#10131A;
  --color-surface-elevated:#191E29;
  --color-text:#F4F6FA;
  --color-text-secondary:#CDD5E1;
  --color-text-muted:#98A2B3;
  --color-text-faint:#98A2B3;
  --color-border:#273142;
  --color-border-subtle:#202838;
  --color-focus:#9AA2FF;
  --color-success:#4ADE80;
  --color-success-bg:#103A28;
  --color-warning:#FBBF24;
  --color-warning-bg:#3A2A0D;
  --color-error:#F87171;
  --color-error-bg:#3B1718;
  --color-info:#93C5FD;
  --color-info-bg:#13233E;
  --color-disabled:#475569;
  --color-disabled-bg:#1F2937;
  --shadow-xs:0 1px 2px rgba(0,0,0,.35);
  --shadow-sm:0 8px 24px rgba(0,0,0,.28);
  --shadow-md:0 18px 50px rgba(0,0,0,.36);
  --shadow-focus:0 0 0 4px rgba(124,134,255,.22);
  --on-accent:#0B0D12;
  --accent-hover:var(--color-primary-hover);
  --bg:var(--color-bg);
  --hero:var(--color-surface-subtle);
  --stage:#151A24;
  --ink:var(--color-text);
  --heading:#FFFFFF;
  --muted:var(--color-text-secondary);
  --hero-muted:var(--color-text-secondary);
  --faint:var(--color-text-muted);
  --blue:var(--color-primary);
  --cyan:var(--color-accent);
  --up:var(--color-success);
  --down:var(--color-error);
  --amber:var(--color-warning);
  --card:var(--color-surface);
  --line:var(--color-border);
  --glass:rgba(20,24,33,.84);
  --glass-brd:var(--color-border);
  --shadow:var(--shadow-sm);
  --shadow-lg:var(--shadow-md);
  --nav-surface:rgba(20,24,33,.88);
  --nav-border:rgba(39,49,66,.92);
  --nav-text:var(--color-text);
  --nav-muted:var(--color-text-secondary);
  --nav-hover:rgba(255,255,255,.08);
  --nav-active:rgba(124,134,255,.22);
}
body{background:var(--color-bg)!important;color:var(--color-text)!important;}
a{color:var(--color-primary);}a:hover{color:var(--color-primary-hover);}
::selection{background:var(--color-primary);color:var(--on-accent);}
:focus-visible{outline:2px solid var(--color-focus)!important;outline-offset:4px;}
.card,.market-table,.crypto-scroll,.tbl.card,[data-converter].card,.trade-checkout-shell,.tax-form,.tax-result,.currency-detail,.provider-grid>a,.tool-directory-card,.tools-showcase-card{background:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text)!important;}
.pagehero .lead,.prose p,.prose li,.rate-note,.field-help,.form-help,.tax-help,.tax-period,.tool-page .meta-label,.site-foot .blurb,.section-link,.provider-note,.update-note{color:var(--color-text-secondary)!important;}
.eyebrow,.country-label,.currency-name b,.card-caption>a,.card-caption>span:last-child:not(:first-child),.tax-period,.content-action,.text-button{color:var(--color-primary)!important;}
.eyebrow:before,.status-dot,.trust-note::before{background:var(--color-primary)!important;}
input,select,textarea,.search-field,.currency-field,.tax-field select,.tax-field input,.travel-money-page select,.travel-money-page input,.conv input,.conv select{background:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text)!important;box-shadow:var(--shadow-xs)!important;}
input:hover,select:hover,textarea:hover,.search-field:hover,.currency-field:hover{border-color:color-mix(in srgb,var(--color-primary) 34%,var(--color-border))!important;}
input:focus,select:focus,textarea:focus,.search-field:focus,.currency-field:focus-within,.tax-field select:focus,.tax-field input:focus,.travel-money-page select:focus,.travel-money-page input:focus,.conv input:focus,.conv select:focus{border-color:var(--color-focus)!important;box-shadow:var(--shadow-focus)!important;outline:0!important;}
button:disabled,[aria-disabled="true"],input:disabled,select:disabled,textarea:disabled{background:var(--color-disabled-bg)!important;color:var(--color-disabled)!important;border-color:var(--color-border-subtle)!important;opacity:.75!important;}
.content-action,.full-button,.converter-link,.tax-submit,.all-tools,.calc-tabs .tab.on,.tax-tabs [aria-selected=true],.trade-checkout-shell .calc-tabs .tab.on{background:var(--color-primary)!important;color:var(--on-accent)!important;border-color:var(--color-primary)!important;}
.content-action:hover,.full-button:hover,.converter-link:hover,.tax-submit:hover,.all-tools:hover{background:var(--color-primary-hover)!important;color:var(--on-accent)!important;}
.content-action:active,.full-button:active,.converter-link:active,.tax-submit:active,.all-tools:active{background:var(--color-primary-active)!important;}
.calc-tabs,.tax-tabs button,.qp,.mini,.trust-note,.currency-chips span,.rate-row:hover,.table-heading,.notice{background:var(--color-surface-subtle)!important;border-color:var(--color-border)!important;}
.calc-tabs .tab,.tax-tabs button,.qp{color:var(--color-text-secondary)!important;}
.calc-tabs .tab:hover,.tax-tabs button:hover,.qp:hover{background:var(--color-surface)!important;border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border))!important;color:var(--color-text)!important;}
.site-head .brand,.site-head .site-nav,.site-head .theme-toggle,.site-head .menu-toggle{background:var(--nav-surface)!important;border-color:var(--nav-border)!important;color:var(--nav-text)!important;box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,.42)!important;}
.site-nav a{color:var(--nav-muted)!important;}.site-nav a:hover{color:var(--nav-text)!important;background:var(--nav-hover)!important;}.site-nav a[aria-current="page"],.site-nav a[aria-current]{color:var(--color-primary)!important;background:var(--nav-active)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 18%,transparent)!important;}
.site-foot{background:var(--color-surface-subtle)!important;border-color:var(--color-border)!important;}.site-foot .brand,.footer-top .brand{color:var(--color-text)!important;background:transparent!important;box-shadow:none!important;}
.result-big,.tax-total,.tax-preview strong,.strength-preview b,.ticket-bottom span{color:var(--color-primary)!important;}
.up,.positive,[data-state="success"]{color:var(--color-success)!important;}.dn,.negative,[data-state="error"]{color:var(--color-error)!important;}

/* Compact professional tool density pass: desktop tighter, mobile remains touch-safe. */
@media(min-width:768px){
  .tool-page .pagehero{padding-top:46px!important;padding-bottom:28px!important;}
  .tool-page .card[style*="padding"],
  [data-converter].card .conv{
    padding:clamp(16px,2.1vw,22px)!important;
  }
  .tool-page input,
  .tool-page select,
  .tool-page textarea,
  .conv input,
  .conv select,
  .tax-field select,
  .tax-field input,
  .travel-money-page select,
  .travel-money-page input{
    min-height:44px!important;
  }
  .tool-page input[type="number"],
  .conv input[type="number"]{
    font-size:22px!important;
  }
  .tool-page .result-big,
  .conv .result-big{
    font-size:clamp(28px,3.2vw,36px)!important;
  }
  .trade-checkout-shell{
    gap:38px!important;
    padding:32px!important;
    border-radius:26px!important;
  }
  .trade-summary-product .result-big{
    font-size:clamp(29px,3.3vw,39px)!important;
  }
  .trade-form-head{margin-bottom:18px!important;}
  .trade-checkout-shell .calc-tabs{margin-bottom:18px!important;}
  .trade-pair-card,.trade-input-card{padding:14px 15px!important;}
  .trade-input-grid{gap:12px!important;}
  .trade-pair-grid{gap:12px!important;}
  .tax-form,.tax-result{padding:22px!important;}
  .tax-layout{gap:18px!important;}
  .tax-field{margin-bottom:16px!important;}
  .travel-money-page .card{border-radius:22px!important;}
  .travel-money-page .card>div[style*="grid-template-columns:1fr 1fr"]{gap:14px!important;}
  .tools-card-stage,.market-hours-stage,.travel-stage{min-height:190px!important;}
  .session-preview,.ticket,.calc-preview,.tax-preview,.strength-preview{width:78%!important;}
  .session-preview strong,.calc-preview strong,.tax-preview strong{font-size:23px!important;}
  .ticket>div:not(.ticket-bottom){font-size:25px!important;}
}
@media(max-width:767px){
  .trade-checkout-shell{padding:20px 16px!important;}
  .tool-page .pagehero{padding-bottom:28px!important;}
}

@media(min-width:768px){
  .trade-summary-product .result-big{
    font-size:clamp(28px,3vw,36px)!important;
  }
}

/* Tighten breadcrumb-to-title rhythm on tool pages. */
.tool-page .wrap>nav[aria-label="Breadcrumb"] + .pagehero{
  padding-top:24px!important;
}
@media(min-width:768px){
  .tool-page .wrap>nav[aria-label="Breadcrumb"] + .pagehero{
    padding-top:24px!important;
  }
}

/* Production spacing and geometry system: one source for page rhythm and tool controls. */
:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:18px;
  --radius-xl:24px;
  --radius-2xl:30px;
  --control-h-sm:40px;
  --control-h-md:44px;
  --control-h-lg:50px;
  --container-page:1152px;
  --tool-section-gap:28px;
}
.wrap{max-width:var(--container-page);}
.tool-page .wrap>nav[aria-label="Breadcrumb"]{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--space-2);
  padding:22px 0 0!important;
  margin:0;
  color:var(--color-text-muted)!important;
  font:500 12px/1.5 Inter,sans-serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.tool-page .wrap>nav[aria-label="Breadcrumb"] a{color:var(--color-text-secondary)!important;}
.tool-page .wrap>nav[aria-label="Breadcrumb"] a:hover{color:var(--color-primary)!important;}
.tool-page .wrap>nav[aria-label="Breadcrumb"] span{color:var(--color-text-muted)!important;}
.tool-page .wrap>nav[aria-label="Breadcrumb"] + .pagehero{
  padding-top:var(--space-6)!important;
  padding-bottom:var(--space-8)!important;
}
.tool-page .pagehero{
  padding-top:46px!important;
  padding-bottom:var(--space-8)!important;
}
.tool-page .pagehero .eyebrow{margin-bottom:var(--space-3)!important;}
.tool-page .pagehero h1{margin-bottom:var(--space-3)!important;text-wrap:balance;}
.tool-page .pagehero .lead{text-wrap:pretty;}
.tool-page .card,
.tool-page .tax-coverage,
.tool-page .tax-source,
.tool-page .tax-disclaimer,
.tool-page .trade-checkout-shell,
[data-converter].card{
  border-radius:var(--radius-xl)!important;
}
.tool-page input,
.tool-page select,
.tool-page textarea,
.conv input,
.conv select,
.tax-field input,
.tax-field select{
  min-height:var(--control-h-lg)!important;
  border-radius:var(--radius-md)!important;
}
.tool-page .calc-tabs,
.tool-page .tax-tabs{
  gap:var(--space-2)!important;
}
.tool-page .tax-tabs button,
.tool-page .calc-tabs .tab,
.tool-page .qp{
  min-height:var(--control-h-md)!important;
  border-radius:var(--radius-md)!important;
}
.tax-breadcrumb + .pagehero{padding-top:var(--space-6)!important;}
.tax-coverage{margin-bottom:var(--space-6)!important;}
.tax-layout{gap:var(--space-6)!important;}
.tax-source,.tax-disclaimer{margin-top:var(--space-8)!important;}
@media(min-width:768px){
  .tool-page .pagehero{padding-top:46px!important;}
  .tool-page .wrap>nav[aria-label="Breadcrumb"] + .pagehero{padding-top:var(--space-6)!important;}
  .tool-page input,
  .tool-page select,
  .tool-page textarea,
  .conv input,
  .conv select,
  .tax-field input,
  .tax-field select{min-height:var(--control-h-md)!important;}
}
@media(max-width:767px){
  .wrap{padding-left:20px!important;padding-right:20px!important;}
  .tool-page .wrap>nav[aria-label="Breadcrumb"]{padding-top:16px!important;font-size:12px!important;}
  .tool-page .pagehero,
  .tool-page .wrap>nav[aria-label="Breadcrumb"] + .pagehero{padding-top:var(--space-5)!important;padding-bottom:var(--space-6)!important;}
  .tool-page input,
  .tool-page select,
  .tool-page textarea,
  .conv input,
  .conv select,
  .tax-field input,
  .tax-field select{min-height:48px!important;}
  .tool-page .card,
  .tool-page .tax-coverage,
  .tool-page .tax-source,
  .tool-page .tax-disclaimer,
  .tool-page .trade-checkout-shell,
  [data-converter].card{border-radius:20px!important;}
}

/* Align the About introduction with its reading column. */
.reading-page .pagehero{max-width:72ch;margin-inline:auto;padding-bottom:24px;}
.reading-page .pagehero .lead{max-width:none;}
.reading-page .prose>h2:first-child{margin-top:0;}

/* Keep explanatory content aligned with the page and tool above it. */
main .wrap>.prose{max-width:none;margin-inline:0;}
.reading-page main .wrap>.prose{max-width:72ch;margin-inline:auto;}
main .wrap>.pagehero+.prose>h2:first-child{margin-top:0;}

/* Standard compact form controls; retain touch-sized mobile inputs. */
.tool-page input:not([type="checkbox"]):not([type="radio"]),.tool-page select,.conv input,.conv select,.tax-field input,.tax-field select{min-height:44px!important;padding:10px 12px!important;font-size:16px!important;line-height:22px!important;}
@media(min-width:768px){.trade-checkout-shell{padding:24px!important;gap:28px!important;}.trade-pair-card,.trade-input-card{padding:12px!important;}.trade-input-grid,.trade-pair-grid{gap:12px!important;}.tax-form,.tax-result{padding:20px!important;}[data-converter].card .conv{padding:20px!important;gap:12px!important;}}
@media(max-width:767px){.tool-page input:not([type="checkbox"]):not([type="radio"]),.tool-page select,.conv input,.conv select{min-height:48px!important;}}
/* Tools are grouped by task; education has its own primary destination. */
.tool-category{margin-bottom:36px}.tool-category-heading{margin-bottom:18px}.tool-category-heading h2{font-size:24px;margin:0 0 8px}.tool-category-heading p{margin:0;color:var(--color-text-secondary);line-height:1.6}.tools-learn-note{padding:24px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.tools-learn-note h2{font-size:20px;margin:0 0 8px}.tools-learn-note p{color:var(--color-text-secondary);line-height:1.6}.tools-learn-note a{display:inline-block;padding-block:8px}
@media(min-width:1000px){.site-foot .cols{grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:24px}}
@media(min-width:768px) and (max-width:999px){.site-foot .cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
.footer-top nav{flex-wrap:wrap}
/* Learn megamenu: grouped links, restrained icons and a shortcut footer. */
.learn-disclosure{position:static}.learn-trigger{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--nav-muted);font:inherit;font-size:14px;font-weight:600;padding:12px 18px;border-radius:999px;cursor:pointer;line-height:1.2}.learn-trigger>svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .16s}.learn-disclosure.is-open .learn-trigger>svg{transform:rotate(180deg)}.learn-trigger:hover,.learn-disclosure.is-open .learn-trigger{background:var(--nav-hover);color:var(--color-primary)}.learn-trigger[data-current=true]{color:var(--color-primary);background:var(--nav-active)}.learn-trigger:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.learn-panel{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:min(870px,calc(100vw - 40px));background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:18px;box-shadow:0 12px 32px rgba(0,0,0,.1);overflow:hidden;z-index:1000}.learn-panel[hidden]{display:none!important}.learn-columns{display:grid;grid-template-columns:1fr 1.15fr 1.4fr;padding:12px 0}.learn-column{min-width:0;padding:4px 20px;border-right:1px solid var(--color-border)}.learn-column:last-child{border:0}.learn-column-heading{padding:0 0 8px;margin-bottom:7px;border-bottom:1px solid var(--color-border)}.learn-column-heading h2{font-size:11px;letter-spacing:.6px;font-weight:500;line-height:1.4;margin:0 0 4px;color:var(--color-text-secondary)}.learn-column-heading p{font-size:12px;line-height:1.4;margin:0;color:var(--color-text-muted)}.site-head .site-nav .learn-panel a{display:flex;align-items:center;gap:12px;padding:10px 0;border-radius:8px;white-space:normal;text-decoration:none;background:transparent!important;box-shadow:none!important;color:var(--color-text-secondary)!important;font-size:14px;font-weight:400;line-height:1.3}.site-head .site-nav .learn-panel a:hover{background:var(--color-surface-subtle)!important;color:var(--color-primary)!important}.site-head .site-nav .learn-panel a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.learn-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;background:var(--color-surface-subtle);border-radius:9px;color:var(--color-text-muted)}.learn-icon svg{width:19px;height:19px}.learn-item>span:last-child{min-width:0}.learn-item strong{display:block;font-size:14px;font-weight:500;line-height:1.35}.learn-item small{display:block;font-size:12px;color:var(--color-text-muted);line-height:1.4;margin-top:2px}.learn-panel-footer{display:flex;gap:28px;border-top:1px solid var(--color-border);padding:4px 20px}.site-head .site-nav .learn-panel-footer a{padding:9px 0}.learn-panel-footer .learn-icon{width:30px;height:30px;flex-basis:30px}@media(max-width:767px){.learn-trigger{width:100%;justify-content:space-between;border-radius:12px;padding:14px;min-height:48px}.learn-disclosure{width:100%}.learn-panel{position:static;transform:none;width:auto;margin:6px 0 0;border-radius:12px;box-shadow:none;max-height:55svh;overflow:auto}.learn-columns{grid-template-columns:1fr;padding:4px 0}.learn-column{padding:12px 16px;border-right:0;border-bottom:1px solid var(--color-border)}.site-head .site-nav .learn-panel a{min-height:48px;padding:8px 0}.learn-panel-footer{flex-direction:column;gap:0;padding:8px 16px}.bar.menu-open .site-nav{max-height:calc(100svh - 110px);overflow-y:auto}}
@media(prefers-reduced-motion:reduce){.learn-trigger>svg{transition:none}}
/* Learn contains only its two main destinations. */
.learn-panel{left:auto;right:0;transform:none;width:340px;padding:8px}.site-head .site-nav .learn-panel a{padding:12px;min-height:56px}.learn-disclosure{position:relative}@media(max-width:767px){.learn-panel{width:auto;padding:4px}.site-head .site-nav .learn-panel a{padding:12px}}
.tools-disclosure{position:static}.tools-panel{left:50%;right:auto;transform:translateX(-50%);width:min(900px,calc(100vw - 40px));padding:0}.tools-panel .learn-columns{grid-template-columns:1.15fr 1fr 1fr}.tools-panel .learn-column-heading{min-height:30px;display:flex;align-items:center}.tools-panel .learn-column-heading h2{margin:0;text-transform:uppercase}.site-head .site-nav .tools-panel .learn-item{min-height:56px;padding:10px 0}.tools-panel .learn-panel-footer{padding:4px 20px}@media(max-width:767px){.tools-panel{position:static;transform:none;width:auto;padding:0}.tools-panel .learn-columns{grid-template-columns:1fr}.site-head .site-nav .tools-panel .learn-item{padding:10px 0}.tools-panel .learn-panel-footer{padding:8px 16px}}
.site-head .site-nav .learn-panel a{justify-content:flex-start}

/* Theme changes are atomic: keep foreground and surface contrast in sync. */
html.theme-changing *,html.theme-changing *::before,html.theme-changing *::after{transition:none!important}
/* Grouped Tools submenu inspired by the reference's compact category columns. */
.tools-panel .learn-columns{grid-template-columns:1.2fr 1fr 1.15fr;padding:16px 0}
.tools-panel .learn-column-heading{border-bottom:1px solid var(--color-border);margin-bottom:8px;padding-bottom:8px}
.tools-panel .learn-column-heading h2{font:500 11px/1.4 Inter,sans-serif;letter-spacing:.045em;text-transform:uppercase;color:var(--color-text-secondary);margin:0}
.tools-panel .tools-subheading{margin-top:20px}
.tools-panel .learn-item{gap:9px;padding:8px 0;min-height:42px}
.tools-panel .learn-item small{display:none}
.tools-panel .learn-item strong{font-size:13px;line-height:1.4;font-weight:500}
.tools-panel .learn-icon{width:28px;height:28px;flex-basis:28px;border-radius:7px;background:var(--color-surface-subtle)}
.tools-panel .learn-icon svg{width:17px;height:17px}
@media(max-width:767px){.tools-panel .learn-columns{grid-template-columns:1fr;padding:0}.tools-panel .learn-item{min-height:44px}.tools-panel .tools-subheading{margin-top:16px}}