@font-face{font-family:Archivo;src:url('/fonts/archivo.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Source;src:url('/fonts/source-sans-3.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--ink:#172e47;--muted:#46576a;--paper:#f4f6f7;--surface:#fff;--line:#bbc5ce;--yellow:#f1cd36;--yellow-ink:#182d43;--result:#172e47;--result-ink:#fff;--focus:#876409;--error:#a42b25;--radius:8px;--space:20px}html.dark{--ink:#e9f0f6;--muted:#bdc9d5;--paper:#101e2e;--surface:#172b40;--line:#546b80;--result:#e4edf3;--result-ink:#172e47;--focus:#f1cd36;--error:#ffb3ab}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:16px}body{margin:0;background:var(--paper);color:var(--ink);font:1.0625rem/1.45 Source,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.55}button,input,select{border-radius:var(--radius)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:active{transform:translateY(1px)}input{min-width:0;width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--line)}input[aria-invalid=true]{border-color:var(--error)}svg{flex:none}h1,h2,h3,.brand,.result output,.reference strong,.amount-input input,.quote-result output{font-family:Archivo,Arial,sans-serif}h1,h2,p{margin:0}h1{font-size:clamp(2rem,3.6vw,2.9rem);line-height:1.04;letter-spacing:-.045em;font-weight:750}h1>span{font-weight:450}h2{font-size:1.5rem;line-height:1.2;letter-spacing:-.02em;font-weight:650}small,.hint{font-size:.9375rem;color:var(--muted)}[hidden]{display:none!important}.skip{position:absolute;top:8px;left:8px;transform:translateY(-160%);padding:10px;background:var(--yellow);color:#172e47;z-index:20}.skip:focus{transform:none}header{border-bottom:1px solid var(--line);background:var(--surface)}.header-inner,main,footer{max-width:1112px;margin:auto}.header-inner{min-height:70px;display:flex;align-items:center;gap:28px;padding:10px 24px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:1.6rem;font-weight:800;letter-spacing:-.04em}.brand svg{width:36px;height:36px;color:#172e47}.domain{font-weight:450;color:var(--muted)}nav{display:flex;align-items:center;gap:24px;margin-left:auto}nav a{text-decoration:none;font-size:1rem}.preferences{display:flex;gap:4px}.preferences button{border:0;background:transparent;min-width:44px;min-height:44px;font-size:.9375rem;font-family:Archivo}.preferences button:enabled:hover{background:var(--paper)}.preferences svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}
main{padding:20px 24px 0}.masthead{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;margin-bottom:22px}.eyebrow{font-size:1rem;color:var(--muted);margin-bottom:6px}.reference{border-left:4px solid var(--yellow);padding-left:18px}.reference>span{font-size:.9375rem;color:var(--muted)}.reference>p{font-family:Archivo;font-size:1.2rem;margin:8px 0 4px;white-space:nowrap}.reference p>span{color:var(--muted);margin:0 8px}.reference strong{font-size:clamp(1.6rem,3vw,2.25rem);font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.reference small{display:block}.workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:24px;align-items:start}.converter{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px 0}.conversion-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-family:Archivo;font-weight:650}.pair{font-size:.875rem;color:var(--muted);font-weight:450}.input-row{display:flex;gap:12px;align-items:end}.amount-group{flex:1;min-width:0}.amount-group>label{display:block;font-size:1rem;margin-bottom:5px}.amount-input{display:flex;gap:12px;border:1.5px solid var(--ink);border-radius:var(--radius);align-items:center;padding:4px 14px;height:62px}.amount-input>span:first-child{font-size:1.75rem;color:var(--muted)}.amount-input>span:last-child{font-family:Archivo;font-size:.875rem;color:var(--muted)}.amount-input input{padding:0;border:none;border-radius:0;font-size:2rem;font-weight:600;letter-spacing:-.025em;line-height:1.2;font-variant-numeric:tabular-nums}.swap{width:52px;height:62px;border:1px solid var(--line);background:var(--paper);flex:none}.swap:enabled:hover{background:var(--yellow);color:#172e47}.swap svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.5;fill:none}.hint{margin:8px 0}.date-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.date-row>label{font-size:.9375rem}.date-row input{width:165px;min-height:42px;padding:6px 9px;font-size:1rem;color-scheme:light}.dark .date-row input{color-scheme:dark}.feedback{font-size:.9375rem;min-height:1.5em;color:var(--error);line-height:1.35;margin:5px 0;overflow-wrap:anywhere}.result{background:var(--result);color:var(--result-ink);margin:0 -22px;padding:14px 22px 12px;display:flex;flex-direction:column;min-height:131px}.result>span:first-child{font-size:.9375rem;opacity:.9}.result output{font-size:clamp(2rem,4.5vw,3rem);font-weight:650;letter-spacing:-.045em;line-height:1.2;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.result>span:nth-of-type(2){font-size:1rem}.result p{margin-top:8px;font-size:.875rem;opacity:.88}.used-date{font-size:.9375rem;color:var(--muted);margin:10px 0 8px;min-height:2.6em}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions button{flex:1;background:var(--surface);border:1px solid var(--line);min-height:44px;padding:8px 12px;font-size:.9375rem}.actions button:enabled:hover{border-color:var(--ink)}.action-feedback{color:var(--muted);margin:5px 0 8px}.market-note{padding:4px 0 0}.note-title{display:flex;flex-direction:column;gap:4px}.line-label{font-family:Archivo;font-weight:600;font-size:1.0625rem}.note-title>span:last-child{font-size:.9375rem;color:var(--muted)}.chart{margin-top:28px}.chart svg{width:100%;height:112px;overflow:visible}.chart polyline{stroke:var(--ink);stroke-width:3;fill:none;vector-effect:non-scaling-stroke}.chart .grid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 5;fill:none}.chart circle{fill:var(--yellow);stroke:var(--ink);stroke-width:2}.chart-range{display:flex;justify-content:space-between;align-items:center;gap:8px}.chart-range strong{font-family:Archivo;font-size:1rem;font-variant-numeric:tabular-nums}.chart-range>span{font-size:.875rem;color:var(--muted)}.chart-range.low{margin-top:-8px}.chart-dates{display:flex;justify-content:space-between;gap:12px;font-size:.875rem;color:var(--muted);margin:16px 0 24px}.market-note>p{padding-top:20px;border-top:1px solid var(--line);font-size:1rem;color:var(--muted);margin-bottom:10px}.market-note>a{font-size:.9375rem}
.quick-table{margin:32px 0}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:14px}.section-heading p{color:var(--muted);font-size:1rem;margin-top:5px}.amounts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.amounts button{display:flex;flex-direction:column;align-items:start;gap:6px;min-height:88px;border:0;border-radius:0;background:transparent;padding:14px 12px;border-left:1px solid var(--line);font-size:1rem}.amounts button:first-child{border-left:0}.amounts button:enabled:hover{background:var(--yellow);color:#172e47}.amounts strong{font-family:Archivo;font-size:1rem;font-weight:600;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.quote-section{margin-bottom:36px}.quote-section details{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--yellow);border-radius:var(--radius)}summary{cursor:pointer;min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-size:1.0625rem;gap:12px;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';font:1.4rem Archivo}.quote-section summary>span{display:none}details[open]>summary:after{content:'−'}#quote-form{padding:0 18px 14px}.quote-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quote-fields label{display:flex;flex-direction:column;gap:6px;font-size:.9375rem}.quote-fields input,.quote-fields select{padding:8px 10px;min-height:46px;border:1px solid var(--line);background:var(--surface);color:var(--ink);width:100%;min-width:0}.quote-result{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:18px;padding:18px;background:var(--paper);border-radius:var(--radius)}.quote-result output{font-size:1.75rem;font-weight:650}.quote-result>span:last-child{font-size:.9375rem;color:var(--muted);width:100%}.faq{display:grid;grid-template-columns:.75fr 1.4fr;gap:32px;margin-bottom:44px}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{padding:16px 0}.faq details p{padding:0 0 16px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:24px;display:flex;justify-content:space-between;gap:24px}footer .brand{font-size:1.25rem}footer .brand svg{width:28px;height:28px}footer p{font-size:.875rem;margin-top:8px;color:var(--muted)}.footer-links{display:flex;gap:18px;align-items:center;font-size:.9375rem;flex-wrap:wrap}.footer-links button{background:transparent;border:1px solid var(--line);min-height:44px;padding:8px}.article{max-width:760px;margin:4px 0 44px}.article h1{font-size:2.5rem;margin-bottom:16px}.article h2{margin:28px 0 12px}.article p{margin:12px 0}.article .lead{font-size:1.25rem}.article a{overflow-wrap:anywhere}#print-report{display:none}.noscript{padding:20px;text-align:center}
@media(max-width:850px){.amounts{grid-template-columns:repeat(3,minmax(0,1fr))}.amounts button:nth-child(4){border-left:0}.amounts button:nth-child(n+4){border-top:1px solid var(--line)}.section-heading{align-items:start;flex-direction:column;gap:4px}}
@media(max-width:640px){:root{--space:14px}.header-inner{padding:8px 16px;min-height:60px;gap:10px}.brand{font-size:1.4rem;gap:7px}.brand svg{width:29px;height:29px}.preferences{margin-left:auto;gap:0}.preferences button{min-width:40px;min-height:44px}nav{display:none}main{padding:16px 16px 0}.masthead{grid-template-columns:1fr;gap:16px;margin-bottom:16px}h1{font-size:2rem}h1 br{display:none}h1>span{display:block}.eyebrow{font-size:.9375rem}.reference{padding-left:12px;border-left-width:3px}.reference>p{margin:4px 0}.reference>span{font-size:.875rem}.reference strong{font-size:1.85rem}.reference small{font-size:.875rem}.workspace{grid-template-columns:1fr;gap:26px}.converter{padding:16px 16px 0}.conversion-head{margin-bottom:12px}.amount-input{height:58px;padding:4px 10px;gap:9px}.amount-input input{font-size:1.8rem}.swap{width:44px;height:58px}.input-row{gap:8px}.hint{font-size:.875rem}.date-row{gap:6px}.date-row input{width:146px;font-size:.9375rem}.date-row>label{font-size:.9375rem}.result{margin:0 -16px;padding:12px 16px;min-height:128px}.result output{font-size:2.5rem}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.actions button{min-width:0;padding:8px 12px;font-size:.9375rem}.used-date{font-size:.875rem;min-height:2.6em}.market-note{padding:0}.note-title{flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px}.note-title>span:last-child{font-size:.875rem}.line-label{font-size:1rem}.chart{margin-top:18px}.chart svg{height:96px}.chart-dates{margin-bottom:14px}.market-note>p{padding-top:14px;font-size:.9375rem}.quick-table{margin:28px 0}.amounts button{padding:12px 8px;min-height:82px}.amounts strong{font-size:.9375rem}.quote-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quote-fields label:nth-child(3){grid-column:1/-1}.quote-result{padding:12px;gap:12px}.quote-section summary{padding:12px;font-size:1rem}#quote-form{padding:0 12px 12px}.faq{grid-template-columns:1fr;gap:14px;margin-bottom:28px}.faq summary{font-size:1rem}.quote-section{margin-bottom:28px}footer{padding:20px 16px;flex-direction:column;gap:16px}.footer-links{gap:14px}.article h1{font-size:2rem}.article .lead{font-size:1.125rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{@page{size:A4;margin:18mm}html,html.dark,body,html.dark body{background:white!important;color:#172e47!important;font-size:12pt!important}body>*:not(#print-report){display:none!important}#print-report{display:block!important;font-family:Arial,sans-serif}#print-report h1{font-size:22pt;margin-bottom:18pt}#print-report p{margin:10pt 0}#print-report .print-value{font-size:32pt;font-weight:bold;padding:18pt 0;border-top:1px solid #172e47;border-bottom:1px solid #172e47}#print-report small{display:block;margin-top:24pt;color:#172e47}}

/* Keep the conversion and its actions together in the first viewport. */
/* Action buttons keep a distinct resting surface and room for their focus ring. */
:root{--button-bg:#fff;--button-hover:#edf2f6;--button-border:#8a99a8}
html.dark{--button-bg:#223c55;--button-hover:#2c4a67;--button-border:#7990a6}
:is(.actions button,.plain-button,.period-buttons button,.footer-links button){background:var(--button-bg);border-color:var(--button-border);box-shadow:0 1px 2px #00000014}
:is(.actions button,.plain-button,.period-buttons button,.footer-links button):enabled:hover{background:var(--button-hover);border-color:var(--ink)}
:is(.actions button,.plain-button,.period-buttons button,.footer-links button):enabled:active{background:var(--button-hover);box-shadow:none}
button:disabled:active{transform:none}
.header-inner,main,footer{max-width:1200px}.header-inner{min-height:60px;padding-top:8px;padding-bottom:8px}
main{padding-top:16px}.masthead{gap:24px;margin-bottom:14px}h1{font-size:clamp(1.9rem,2.7vw,2.3rem);line-height:1.12}
.reference{line-height:1.25}.reference>span,.reference small{display:block;font-size:.875rem;line-height:1.3}.reference>p{line-height:1.15;margin:4px 0}.reference strong{font-size:2rem;line-height:1}
.workspace{gap:20px}.converter{padding:12px 18px 12px}.conversion-head{display:none}.amount-input,.swap{height:56px}
.amount-status{display:grid;font-size:.9375rem;min-height:1.45em;margin:6px 0}.amount-status>p{grid-area:1/1;margin:0;min-height:0;font-size:inherit}.amount-status:has(#amount-error:not(:empty)) #amount-hint{visibility:hidden}.amount-status .feedback{align-self:start}
.result{margin:0 -18px;padding:10px 18px;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:0}.result>span:first-child,.result p{grid-column:1/-1}.result output{font-size:2.7rem;min-width:0}.result>span:nth-of-type(2){align-self:end;padding-bottom:6px}.result p{margin-top:4px}.result output.long-result{font-size:1.9rem}
.conversion-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center;margin:10px 0}.date-row{margin:0;gap:6px}.date-row>label{font-size:.875rem}.date-row input{width:138px;min-height:44px;padding:6px;font-size:.9375rem}.used-date{font-size:.875rem;line-height:1.3;min-height:0;margin:0}
.actions button{min-height:44px}.converter .action-feedback{min-height:0;margin:6px 0 0}.converter .action-feedback:empty{margin:0}
.chart{margin-top:18px}.chart svg{height:104px}.chart-dates{margin:12px 0 16px}.market-note>p{padding-top:14px}.quick-table{margin:24px 0}
@media(min-width:641px) and (max-width:980px){.conversion-meta{grid-template-columns:1fr;gap:6px}.date-row{justify-content:space-between}.date-row input{width:146px}}
@media(min-width:900px) and (max-height:650px){.header-inner{padding-top:4px;padding-bottom:4px;min-height:52px}main{padding-top:12px}.masthead{margin-bottom:10px}.eyebrow{margin-bottom:4px}.reference strong{font-size:1.85rem}.converter{padding-top:10px;padding-bottom:12px}.amount-input,.swap{height:52px}.result output{font-size:2.4rem}.result{padding-top:8px;padding-bottom:8px}.conversion-meta{margin:8px 0}.chart svg{height:90px}.chart{margin-top:14px}.chart-dates{margin:8px 0 12px}.market-note>p{padding-top:10px}}
@media(min-width:900px) and (max-height:500px){main{padding-top:10px}.masthead{margin-bottom:6px}.converter{padding-top:6px;padding-bottom:12px}.result{padding-top:6px;padding-bottom:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.result>span:first-child{grid-column:1;grid-row:1}.result output{grid-column:2;grid-row:1}.result>span:nth-of-type(2){grid-column:3;grid-row:1;align-self:center;padding:0}.result p{grid-column:1/-1;margin-top:0}.result output.long-result{grid-column:1/-1;grid-row:2}.result:has(.long-result) p{grid-row:3}.note-title{flex-direction:row;align-items:baseline;justify-content:space-between;gap:8px}.line-label{font-size:1rem}.note-title>span:last-child{font-size:.875rem}.chart{margin-top:10px}.chart svg{height:80px}.chart-dates{margin-bottom:8px}.market-note>p{padding-top:8px}}
@media(max-width:850px){.header-inner nav{display:none}.workspace{grid-template-columns:1fr}.preferences{margin-left:auto}}
@media(max-width:640px){.header-inner{padding:6px 16px;min-height:56px}main{padding-top:12px}.masthead{grid-template-columns:1fr;gap:10px;margin-bottom:12px}h1{font-size:1.85rem}.reference strong{font-size:1.8rem}.converter{padding:12px 14px 12px}.amount-input,.swap{height:56px}.amount-status{font-size:.875rem;min-height:2.6em}.result{grid-template-columns:minmax(0,1fr);margin:0 -14px;padding:10px 14px}.result output{font-size:2.4rem}.result>span:nth-of-type(2){font-size:.9375rem;padding:0}.conversion-meta{grid-template-columns:1fr;gap:6px;margin:8px 0}.date-row input{width:146px}.date-row>label{font-size:.9375rem}.used-date{font-size:.875rem}.market-note{padding:0}.workspace{gap:22px}.quick-table{margin:24px 0}}