:root{color-scheme:light;--bg:#f5f8fb;--card:#fff;--soft:#f8fbfc;--fg:#142b38;--muted:#5a7180;--lightmuted:#5f7380;--border:#e0e9ee;--accent:#097968;--accent2:#036656;--focus:#0369a1;--shadow:0 18px 65px rgba(28,76,90,.075)}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#101b23;--card:#182934;--soft:#1d303b;--fg:#eef6f8;--muted:#b2c7d0;--lightmuted:#9ab0bd;--border:#324956;--accent:#3cc9ad;--accent2:#6adac4;--focus:#fbbf24;--shadow:0 18px 65px rgba(0,0,0,.15)}}
:root[data-theme="light"]{color-scheme:light;--focus:#0369a1;--bg:#f5f8fb;--card:#fff;--soft:#f8fbfc;--fg:#142b38;--muted:#5a7180;--lightmuted:#5f7380;--border:#e0e9ee;--accent:#097968;--accent2:#036656;--shadow:0 18px 65px rgba(28,76,90,.075)}
:root[data-theme="dark"]{color-scheme:dark;--bg:#101b23;--card:#182934;--soft:#1d303b;--fg:#eef6f8;--muted:#b2c7d0;--lightmuted:#9ab0bd;--border:#324956;--accent:#3cc9ad;--accent2:#6adac4;--focus:#fbbf24;--shadow:0 18px 65px rgba(0,0,0,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3{line-height:1.2;letter-spacing:-.04em}h1{font-size:clamp(33px,4.6vw,52px);margin:10px 0 15px}h2{font-size:21px;margin:0 0 16px}h3{font-size:17px}.green{color:var(--accent)}.skip{position:absolute;left:-10000px;top:8px;padding:9px;background:var(--card);z-index:999}.skip:focus{left:8px}.visually-hidden{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.top{background:var(--card);border-bottom:1px solid var(--border)}.top-inner{height:80px;max-width:1320px;margin:auto;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:9px;font-weight:850;font-size:19px;letter-spacing:-.055em;color:var(--fg);white-space:nowrap}.brand:hover{text-decoration:none}.brand-icon{background:#097968;color:#fff;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:20px;letter-spacing:-4px;padding-right:5px}.top nav{display:flex;gap:23px;align-items:center}.top nav a{font-size:13px;font-weight:680;color:var(--muted);white-space:nowrap}.top nav a[aria-current]{color:var(--accent2)}.header-cta{font-size:12px;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--soft);font-weight:750;white-space:nowrap}.theme-toggle,.menu-toggle{border:1px solid var(--border);background:var(--soft);color:var(--fg);border-radius:10px;min-width:44px;height:44px;display:inline-grid;place-items:center}.menu-toggle{display:none}.mobile-nav[hidden]{display:none!important}.mobile-nav{padding:14px 22px;display:flex;flex-wrap:wrap;gap:18px;background:var(--card);border-top:1px solid var(--border)}.main{max-width:1210px;margin:auto;padding:0 20px 66px}.intro{text-align:center;padding:45px 0 20px}.eyebrow{font-size:11px;color:var(--accent2);letter-spacing:.13em;font-weight:850}.intro h1 span{color:var(--accent)}.subtitle{color:var(--muted);font-size:16px;line-height:1.75}.converter{background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:26px 30px 18px;margin:12px 0 0}.converter-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:19px}.converter-top h2{font-size:19px;margin:0}.bce-badge{background:color-mix(in srgb,var(--accent) 12%,var(--card));color:var(--accent2);font-size:12px;font-weight:750;border-radius:50px;padding:7px 12px}.fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;position:relative}.field{display:block;background:var(--soft);border:1px solid var(--border);border-radius:15px;padding:20px 21px;min-height:134px;min-width:0}.field-label{color:var(--lightmuted);font-size:11px;font-weight:750;display:block;letter-spacing:.03em;margin-bottom:16px}.field-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.field input{width:100%;min-width:0;color:var(--fg);font-weight:770;font-size:clamp(24px,3.2vw,42px);border:0;background:none;letter-spacing:-.06em;outline-offset:4px}.field output{font-size:clamp(24px,3.2vw,42px);font-weight:770;color:var(--accent);letter-spacing:-.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.currency{white-space:nowrap;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:9px 11px;font-weight:800;color:var(--fg);font-size:14px;flex-shrink:0}.swap{position:absolute;z-index:1;left:50%;top:53%;transform:translate(-50%,-50%);border:5px solid var(--card);background:#097968;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:#fff!important;font-size:25px;font-weight:bold;box-shadow:0 2px 15px rgba(0,0,0,.08)}.swap:hover{text-decoration:none}.converter-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:19px}.quick{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--lightmuted);font-size:12px}.quick-btn{border:1px solid var(--border);background:var(--soft);color:var(--fg);border-radius:8px;padding:7px 11px;font-size:12px;font-weight:750}.quick-btn:hover{background:color-mix(in srgb,var(--accent) 15%,var(--card))}.primary{border:none;background:#097968;color:#fff;min-height:44px;padding:12px 20px;border-radius:9px;font-size:13px;font-weight:800;white-space:nowrap;display:inline-block}.primary:hover{background:#065e51;color:white;text-decoration:none}.primary.inline{margin-top:12px}.footnote{border-top:1px solid var(--border);margin:17px 0 0;padding-top:13px;color:var(--muted);font-size:12px}.dot{display:inline-block;background:var(--accent);width:7px;height:7px;border-radius:100%;margin-right:5px}.converter-rate{margin-top:15px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px}.converter-rate strong{color:var(--fg)}.copy-btn{background:var(--soft);border:1px solid var(--border);color:var(--fg);border-radius:8px;padding:6px 9px;font-size:12px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:30px 0 16px}.section-head h2{margin:0}.section-head small{color:var(--lightmuted)}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:20px 0}.metric{background:var(--card);border:1px solid var(--border);padding:18px 20px;border-radius:15px}.metric-label{font-size:12px;color:var(--lightmuted)}.metric-value{font-size:clamp(17px,2.1vw,23px);font-weight:850;letter-spacing:-.035em;margin-top:9px}.metric-comment{margin-top:7px;color:var(--muted);font-size:12px}.chart-card{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-top:23px;padding:25px}.chart-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.chart-head h2{margin:0}.chart-head p{font-size:12px;color:var(--muted);margin:6px 0}.filters{display:flex;flex-wrap:wrap;gap:5px}.filters a{padding:7px 9px;color:var(--muted);font-weight:700;font-size:12px;border-radius:7px}.filters .selected{background:#097968;color:#fff}.chart-stage{margin-top:23px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 51px,var(--border) 52px,transparent 53px);min-height:175px}.chart-plot{width:100%;height:auto;min-height:170px}.axis{font-size:12px;color:var(--muted)}details{border-bottom:1px solid var(--border);padding:10px 0}summary{cursor:pointer;font-weight:750;color:var(--fg)}.breadcrumbs{margin-top:25px;color:var(--muted);font-size:13px}.page-heading{padding:25px 0 8px;max-width:820px}.page-heading p{color:var(--muted)}.prose{margin:28px 0;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:25px 30px;color:var(--fg);max-width:920px}.prose h2{margin-top:24px}.prose a{text-decoration:underline;text-underline-offset:2px}.prose details{margin-top:8px}.prose p{line-height:1.75}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.tile{display:flex;flex-direction:column;align-items:start;gap:7px;padding:20px;min-height:142px;border-radius:14px;background:var(--card);border:1px solid var(--border);color:var(--fg)}.tile:hover{border-color:var(--accent);text-decoration:none}.tile>span:last-child{color:var(--muted);font-size:12px}.tile-icon{color:var(--accent);font-size:23px}.status{padding:12px 15px;border-radius:9px;background:var(--soft);color:var(--fg)}.status.warn{border:1px solid #bd9959}.muted{color:var(--muted)}.big-result{font-size:clamp(20px,3vw,31px);font-weight:800;color:var(--accent2)}.table-wrap{max-width:100%;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;margin:15px 0;font-size:13px}th{background:var(--soft);font-weight:770}th,td{border-bottom:1px solid var(--border);padding:10px}.date-form{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.date-form label{font-weight:750}.date-form input,.fee-form input,.fee-form select{border:1px solid var(--border);background:var(--soft);color:var(--fg);padding:10px;border-radius:8px;min-height:44px}.fee-form{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.fee-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:740}.fee-form button{align-self:end}.compact{padding:20px}.fee-results{border-top:1px solid var(--border);margin-top:22px}.footer{border-top:1px solid var(--border);background:var(--card);padding:29px max(20px,calc((100vw - 1170px)/2));display:flex;align-items:start;justify-content:space-between;gap:25px;color:var(--muted);font-size:12px}.footer strong{color:var(--fg)}.footer-links{display:flex;flex-wrap:wrap;gap:15px;max-width:500px}.footer p{max-width:520px}.article{max-width:810px}
@media(max-width:1100px){.top-inner{gap:10px}.top-inner nav{gap:12px}.brand{font-size:16px}.header-cta{display:none}.main{padding-left:22px;padding-right:22px}.quick-btn:nth-of-type(n+7){display:none}}
@media(max-width:780px){.top-inner{height:66px}.top-inner>nav{display:none}.menu-toggle{display:inline-grid}.mobile-nav{display:flex;flex-direction:column}.main{padding:0 15px 40px}.intro{padding:29px 0 14px}.intro h1{letter-spacing:-.045em}.intro .subtitle{font-size:14px}.fields{display:flex;flex-direction:column;gap:12px}.field{min-height:110px;padding:16px}.field-label{margin-bottom:9px}.swap{top:50%;left:50%;width:50px;height:50px}.converter{padding:17px 16px;border-radius:16px}.converter-top{flex-wrap:wrap}.converter-top h2{font-size:17px}.converter-bottom{flex-wrap:wrap}.converter-bottom>.primary{width:100%}.metrics,.tile-grid{grid-template-columns:1fr 1fr}.chart-head{flex-direction:column}.chart-card{padding:18px}.fee-form{grid-template-columns:1fr 1fr}.footer{flex-direction:column}.section-head small{max-width:160px;text-align:right}}
@media(max-width:520px){.brand{font-size:15px}.brand-icon{width:36px;height:36px}.intro br{display:none}.metrics,.tile-grid,.fee-form{grid-template-columns:1fr}.currency{font-size:12px;padding:7px}.field input,.field output{font-size:30px}.converter-rate{gap:8px}.converter-rate span{width:100%}.filters a{padding:7px}.prose{padding:18px}.page-heading{padding-top:15px}.section-head{flex-wrap:wrap}.section-head small{text-align:left}.quick-btn:nth-of-type(n+6){display:none}}
@media print{header,.footer,.converter-bottom,.filters,.copy-btn,.swap{display:none!important}body{background:#fff;color:#000}.converter,.chart-card,.metric{box-shadow:none}}

.callout{background:var(--soft);border-left:4px solid var(--accent);padding:12px 16px;border-radius:8px}.prose ul{padding-left:20px;line-height:1.75}.prose li{margin:6px 0}.prose code{font-size:.9em;background:var(--soft);padding:1px 5px;border-radius:5px}.contact-form{display:grid;gap:16px;max-width:640px}.contact-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:740}.contact-form input,.contact-form textarea{border:1px solid var(--border);background:var(--soft);color:var(--fg);padding:10px;border-radius:8px;font:inherit;min-height:44px}.contact-form button{justify-self:start}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* 2026-10-15 audit fixes */
.field-label{cursor:text}.field-hint{display:block;margin-top:8px;font-size:12px;color:var(--lightmuted)}
.field-error{margin:12px 0 0;padding:10px 14px;border-radius:9px;border:1px solid #b45309;background:color-mix(in srgb,#f59e0b 12%,var(--card));color:var(--fg);font-size:14px}
.field-error[hidden],.chart-tip[hidden],[data-fee-results][hidden]{display:none}
.quick-btn{min-height:44px;min-width:44px;padding:10px 12px;font-size:13px}.filters a{min-height:44px;min-width:44px;display:inline-grid;place-items:center;padding:8px 10px}
.copy-btn{min-height:44px;padding:8px 12px}.copy-status{font-size:12px;color:var(--accent2)}
.fee-form input,.fee-form select,.date-form input,.date-form select,.contact-form input,.contact-form textarea{font-size:16px}
.hist-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px}.hist-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:740}
.fee-results table{margin:12px 0}.fee-results th{background:none;font-weight:650}.fee-results td{text-align:right;white-space:nowrap}
.chart-stage{background:none}.chart-plot:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:6px}.chart-plot{touch-action:pan-y;cursor:crosshair}
.chart-tip{margin:8px 0 0;font-size:13px;font-weight:700;color:var(--accent2);min-height:1.4em}
.prose a,.article a,.status a,.muted a,.breadcrumbs a,.axis a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:780px){.hist-form{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.top-inner{padding:0 12px;gap:8px}.brand{font-size:14px;gap:6px;min-width:0}.brand>span:last-child{overflow:hidden;text-overflow:ellipsis}.brand-icon{width:34px;height:34px;font-size:17px}.theme-toggle,.menu-toggle{min-width:44px}.main{padding:0 12px 48px}.converter{padding:18px 14px 14px}.hist-form{grid-template-columns:1fr}.field{padding:16px 14px}}
@media(max-width:360px){.brand>span:last-child .green:last-child{display:none}.converter-top{flex-wrap:wrap}}
/* full-width content cards + uniform form controls (2026-10-15) */
.prose,.article{max-width:none}
.date-form input,.date-form select,.fee-form input,.fee-form select{height:48px;min-height:48px;width:100%;padding:0 14px;border:1px solid var(--border);border-radius:10px;background-color:var(--soft);color:var(--fg);font-size:16px;font-weight:600;line-height:1.2}
.date-form select,.fee-form select{-webkit-appearance:none;appearance:none;padding-right:42px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2399a9b3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.date-form select:hover,.fee-form select:hover,.date-form input:hover,.fee-form input:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}
.date-form input:focus-visible,.date-form select:focus-visible,.fee-form input:focus-visible,.fee-form select:focus-visible{border-color:var(--accent)}
.hist-form label,.fee-form label{justify-content:flex-end}
.hist-form .primary,.fee-form .primary{height:48px;min-height:48px;width:100%}

.chart-stage{position:relative}.chart-bubble{position:absolute;z-index:2;pointer-events:none;background:var(--card);border:1px solid var(--border);border-radius:9px;box-shadow:0 4px 14px rgba(0,0,0,.12);padding:7px 10px;font-size:12px;line-height:1.35;white-space:nowrap;color:var(--muted)}.chart-bubble strong{display:block;font-size:15px;color:var(--fg)}.chart-bubble[hidden]{display:none}
.amount-links{margin:28px 0}.amount-links h2{font-size:19px}.amount-links div{display:flex;flex-wrap:wrap;gap:8px}.amount-links a,.amount-links span{border:1px solid var(--border);background:var(--card);border-radius:9px;padding:9px 12px;font-size:13px;font-weight:700;color:var(--fg)}.amount-links a:hover{border-color:var(--accent);text-decoration:none}.amount-links span{background:#097968;color:#fff;border-color:#097968}