@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin.woff2') format('woff2');font-display:optional;font-style:normal;font-weight:100 900}
:root{--ink:#0e1826;--ink-soft:#536173;--paper:#fff;--surface:#f4f7f5;--surface-2:#eaf0ed;--line:#d6dfda;--green:#0b6b45;--green-2:#12835a;--green-soft:#e0f1e8;--action:#0b6b45;--gold:#d1a62c;--red:#c23b48;--navy:#07111f;--radius:6px;--control:4px;--shell:1180px;color-scheme:light;font-family:Inter,Arial,sans-serif;font-size:16px}
:root[data-theme="dark"]{--ink:#f4f7f9;--ink-soft:#a9b6c5;--paper:#0c1625;--surface:#111d2e;--surface-2:#172437;--line:#2a3a50;--green:#2bb89a;--green-2:#39c5a8;--green-soft:#12352f;--action:#176f61;--gold:#d7ad47;--red:#ff7b87;--navy:#050b14;color-scheme:dark}
:root[data-text-size="large"]{font-size:18px!important}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:inherit;line-height:1.55;letter-spacing:0;overflow-x:hidden}
button,input,select{font:inherit;color:inherit}
button,a{touch-action:manipulation}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.08;letter-spacing:0}
h1{font-size:clamp(2.6rem,5.3vw,5.2rem);margin-bottom:22px}
h2{font-size:clamp(1.7rem,3vw,2.65rem);margin-bottom:14px}
h3{font-size:1.2rem}
.shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}
.narrow{max-width:820px}
.skip-link{position:fixed;left:10px;top:-80px;z-index:999;background:var(--ink);color:var(--paper);padding:10px 14px}.skip-link:focus{top:10px}
.status-bar{height:34px;background:var(--navy);color:#b9c9d8;font-size:.74rem}.status-bar .shell{height:100%;display:flex;align-items:center;justify-content:space-between}.live-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#51d6a4;box-shadow:0 0 0 5px rgba(81,214,164,.12)}
.site-header{position:relative;border-bottom:1px solid var(--line);background:var(--paper);z-index:30}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:1.35rem;font-weight:800;white-space:nowrap}.brand strong{color:var(--green)}.brand-mark{width:46px;height:46px;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:50%;font-weight:900;font-size:1.25rem;border:2px solid var(--green)}
.desktop-nav{display:flex;align-items:stretch;height:82px;gap:34px}.desktop-nav a{display:flex;align-items:center;font-weight:700;color:var(--ink-soft);border-bottom:3px solid transparent}.desktop-nav a:hover,.desktop-nav a.active{color:var(--ink);border-color:var(--green)}
.header-actions{display:flex;gap:10px}.text-size{display:flex;border:1px solid var(--line);border-radius:var(--control);overflow:hidden}.text-size button,.icon-button{min-width:48px;height:48px;border:0;background:transparent;font-weight:800;cursor:pointer}.text-size button{color:var(--ink-soft)}.text-size button+button{border-left:1px solid var(--line)}:root[data-text-size="normal"] .text-size button[data-text-size="down"]{background:var(--surface-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}:root[data-text-size="large"] .text-size button[data-text-size="up"]{background:color-mix(in srgb,var(--green-soft) 72%,var(--paper));color:var(--green);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 34%,var(--line))}.text-size button:hover{background:color-mix(in srgb,var(--green-soft) 55%,var(--paper));color:var(--green)}.icon-button{border:1px solid var(--line);border-radius:var(--control);font-size:1.3rem}.menu-button{display:none}.mobile-nav{display:none}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--green);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.eyebrow:before{content:"";width:20px;height:2px;background:var(--gold)}
.hero{border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.38fr);min-height:680px}.hero-value{padding:70px 54px 44px 0;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}.hero-value h1{margin:13px 0 18px}.hero-copy{max-width:470px;color:var(--ink-soft);font-size:1.12rem;margin-bottom:44px}.value-label{font-weight:800;color:var(--ink-soft);font-size:.8rem;text-transform:uppercase}.current-value{display:block;color:var(--green);font-size:clamp(3.4rem,6.2vw,5.9rem);line-height:.98;margin:8px 0}.value-unit{font-weight:700;color:var(--ink-soft)}.variation{display:flex;align-items:center;gap:12px;margin-top:22px}.variation b{background:var(--green-soft);color:var(--green);padding:7px 10px;border-radius:var(--control)}.variation span{color:var(--ink-soft)}.source-line{width:100%;margin-top:auto;padding-top:22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.78rem}.source-line a,.text-link{color:var(--green);font-weight:850}.source-line a{white-space:nowrap}
.utm-console{padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.hero .utm-console{border:0;padding:70px 0 44px 44px}.console-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.console-heading h2{font-size:1.85rem;margin:8px 0 0}.rate-pill{border:1px solid var(--line);padding:10px 14px;border-radius:var(--control);color:var(--green);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.period-row{display:grid;grid-template-columns:145px 145px 1fr;gap:12px;align-items:end;margin:24px 0}.period-row label,.workspace-inputs>label,.history-controls label{display:grid;gap:6px;color:var(--ink-soft);font-size:.72rem;font-weight:850;text-transform:uppercase}.period-row select,.workspace select,.history-controls select,.history-controls input{height:50px;border:1px solid var(--line);background:var(--surface);border-radius:var(--control);padding:0 13px;font-weight:750}
.converter-row{display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:14px;align-items:center;min-width:0}.money-field{height:132px;padding:18px 20px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between;min-width:0;overflow:hidden}.money-field>span{color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.money-field>div{display:flex;align-items:end;gap:10px;min-width:0;max-width:100%}.money-field input{flex:1 1 0;width:0;min-width:0;border:0;border-bottom:2px solid var(--green);background:transparent;font-size:2.15rem;font-weight:850;outline:0}.money-field strong{font-size:1rem;flex:0 0 auto}.result-field>div{justify-content:space-between}.result-field>div>strong{min-width:0;max-width:100%;font-size:clamp(1.55rem,2.7vw,2.35rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-field small{flex:0 0 auto;font-weight:850;color:var(--ink-soft)}.swap-button{position:relative;isolation:isolate;display:grid;place-items:center;width:58px;height:58px;padding:0;border-radius:50%;border:2px solid var(--paper);outline:1px solid color-mix(in srgb,var(--action) 58%,var(--line));background:var(--action);color:#fff;box-shadow:0 8px 20px rgba(7,17,31,.16),0 0 0 5px var(--surface);cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease,outline-color .18s ease}.swap-button svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s ease}.swap-button:hover{background:var(--green-2);outline-color:var(--green);box-shadow:0 10px 24px rgba(7,17,31,.22),0 0 0 5px var(--green-soft)}.swap-button:hover svg{transform:rotate(180deg)}.swap-button:active{box-shadow:0 4px 12px rgba(7,17,31,.16),0 0 0 5px var(--green-soft)}.swap-button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.equation{max-width:100%;text-align:center;font-weight:550;margin:20px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-actions{display:flex;align-items:center;gap:9px;margin:0 0 22px;color:var(--ink-soft);min-width:0}.quick-actions button{width:50px;height:44px;border:1px solid var(--line);background:transparent;border-radius:var(--control);font-weight:750;cursor:pointer}.quick-actions button:hover{border-color:var(--green);color:var(--green)}.console-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;min-width:0}.button{min-width:0;min-height:52px;padding:0 18px;border-radius:var(--control);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);font-weight:850;cursor:pointer}.button.primary{background:var(--action);border-color:var(--action);color:#fff}.button.secondary{background:transparent}.button.whatsapp{gap:8px;color:#148943;border-color:#148943}.button.whatsapp .whatsapp-icon{width:21px;height:21px;fill:currentColor;stroke:none}.button.whatsapp .whatsapp-icon path{fill:currentColor;stroke:none}.console-note{text-align:center;color:var(--ink-soft);font-size:.78rem;margin:18px 0 0}
.metric-band{background:var(--navy);color:#fff}.metric-band .shell{display:grid;grid-template-columns:repeat(4,1fr)}.metric-band article{padding:22px 26px;border-left:1px solid #273449;display:grid;gap:3px}.metric-band article:last-child{border-right:1px solid #273449}.metric-band span{font-size:.72rem;text-transform:uppercase;color:#9fb0c4}.metric-band strong{font-size:1.35rem}.metric-band small{color:#9fb0c4}
.section{padding-top:82px;padding-bottom:82px}.soft-section{background:var(--surface);border-block:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:36px}.section-heading h2{margin:10px 0 0}.section-heading>p{max-width:450px;color:var(--ink-soft);margin:0}
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.tool-link{min-height:240px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.tool-link>span{color:var(--green);font-weight:900}.tool-link h3{margin:30px 0 10px}.tool-link p{color:var(--ink-soft)}.tool-link b{margin-top:auto;color:var(--green)}.tool-link:hover{background:var(--surface)}
.history-preview{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:start}.history-preview h2{margin-top:12px}.history-preview>div:first-child p{color:var(--ink-soft);font-size:1.05rem}.month-strip{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.month-strip article{padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid}.month-strip span,.month-strip small{color:var(--ink-soft)}.month-strip strong{font-size:1.5rem;margin:5px 0}
.explainer{display:grid;grid-template-columns:.55fr 1.45fr;gap:60px}.explainer h2{margin-top:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.steps article{padding:0 24px;border-right:1px solid var(--line)}.steps article>span{display:grid;place-items:center;width:38px;height:38px;background:var(--green);color:#fff;border-radius:50%;font-weight:900;margin-bottom:30px}.steps p{color:var(--ink-soft)}
.faq-section{background:var(--navy);color:#fff}.faq-section h2{margin:12px 0 30px}.faq-section details{border-top:1px solid #273449;padding:18px 0}.faq-section details:last-child{border-bottom:1px solid #273449}.faq-section summary{cursor:pointer;font-weight:800}.faq-section details p{color:#b9c9d8;margin:12px 0 0}
.page-hero{padding:64px 0;border-bottom:1px solid var(--line);background:var(--surface)}.page-hero>.shell{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:end}.page-hero h1{font-size:clamp(2.7rem,5vw,4.8rem);margin:12px 0 18px}.page-hero p{max-width:790px;color:var(--ink-soft);font-size:1.12rem;margin:0}.page-hero aside{min-width:300px;padding-left:30px;border-left:1px solid var(--line);display:grid}.page-hero aside span,.page-hero aside small{color:var(--ink-soft);text-transform:uppercase;font-size:.75rem;font-weight:800}.page-hero aside strong{color:var(--green);font-size:2.4rem}
.tool-page{padding:56px 0 0}.workspace,.history-console{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.workspace>header,.history-console>header{padding:28px 34px;border-bottom:1px solid var(--line);display:flex;align-items:end;justify-content:space-between;gap:20px}.workspace>header h2,.history-console h2{margin:8px 0 0}.workspace>header p,.history-console>header p{color:var(--ink-soft);margin:0}.workspace-body{display:grid;grid-template-columns:1fr 1fr}.workspace-inputs,.workspace-results{padding:34px;display:grid;gap:18px}.workspace-inputs{border-right:1px solid var(--line);grid-template-columns:1fr 1fr;align-content:start}.workspace-results{grid-template-columns:1fr 1fr;background:var(--surface)}.large-input{grid-column:span 2}.large-input>span{height:86px;border:1px solid var(--line);background:var(--surface);border-radius:var(--control);padding:0 18px;display:flex;align-items:center;gap:12px}.large-input input{min-width:0;width:100%;border:0;background:transparent;font-size:1.8rem;font-weight:850;outline:0}.large-input b{color:var(--ink-soft)}.workspace-results article{min-height:180px;border-left:3px solid var(--green);padding:22px;background:var(--paper);display:flex;flex-direction:column}.workspace-results span,.workspace-results small{color:var(--ink-soft)}.workspace-results strong{font-size:clamp(1.8rem,3.1vw,2.65rem);margin:auto 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace>footer{padding:22px 34px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.workspace>footer p{margin:0;color:var(--ink-soft)}.workspace>footer>div{display:flex;gap:10px}
.reading-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px}.reading-grid article{border-left:3px solid var(--green);padding-left:30px}.reading-grid article h2{margin-top:12px}.reading-grid article p{font-size:1.05rem;color:var(--ink-soft)}.reading-grid aside{display:grid;gap:12px}.reading-grid aside>div{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.reading-grid aside span{color:var(--green);font-weight:900;text-transform:uppercase;font-size:.75rem}.reading-grid aside p{margin:6px 0 0;color:var(--ink-soft)}
.history-console{margin-top:56px}.history-controls{padding:28px 34px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.history-result{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.history-result>div{padding:30px 34px;display:grid}.history-result>div+div{border-left:1px solid var(--line)}.history-result span,.history-result small{color:var(--ink-soft)}.history-result strong{font-size:2.5rem;color:var(--green)}.history-actions{padding:22px 34px;display:flex;justify-content:flex-end;gap:10px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;min-width:600px}th,td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line)}th{background:var(--surface);color:var(--ink-soft);font-size:.75rem;text-transform:uppercase}.positive{color:var(--green)}.negative{color:var(--red)}
.history-controls input[data-history-amount]{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:0}
.directory-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.directory-grid a{min-height:190px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.directory-grid span,.directory-grid b{color:var(--green);font-weight:900}.directory-grid h2{font-size:1.5rem;margin:24px 0 8px}.directory-grid p{color:var(--ink-soft)}
.empty-page{padding:100px 0;min-height:60vh}.empty-page h1{margin-top:12px}.empty-page p{color:var(--ink-soft)}
.site-footer{background:var(--navy);color:#fff;padding:62px 0 20px}.footer-top{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:40px}.site-footer .brand-mark{background:#fff;color:var(--green);border-color:#fff}.footer-brand p{color:#aebdca;max-width:320px;margin:20px 0}.footer-brand>span{color:#aebdca;font-size:.8rem}.site-footer nav{display:flex;flex-direction:column;gap:9px}.site-footer nav h2{font-size:.8rem;text-transform:uppercase;color:#8fa2b6;margin-bottom:10px}.site-footer nav a{font-size:.9rem}.site-footer nav p{color:#8fa2b6;font-size:.8rem}.footer-bottom{border-top:1px solid #273449;margin-top:48px;padding-top:20px;display:flex;justify-content:space-between;color:#8fa2b6;font-size:.76rem}
:root[data-theme="dark"] .button.primary{color:#fff}:root[data-theme="dark"] .brand-mark{color:#07150f}:root[data-theme="dark"] .metric-band,:root[data-theme="dark"] .faq-section,:root[data-theme="dark"] .site-footer{background:#050b14}
:root[data-theme="dark"] .swap-button{border-color:#25364b;outline-color:#39c5a8;background:#0d6157;color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.32),0 0 0 5px #111d2e}
:root[data-theme="dark"] .swap-button:hover{background:#16806f;box-shadow:0 10px 26px rgba(0,0,0,.38),0 0 0 5px #12352f}
:root[data-theme="dark"] .button.whatsapp{border-color:#278e52;color:#39cf71}
:root:not([data-theme="dark"]) .button.whatsapp{border-color:var(--green);color:var(--green)}
.faq-section .eyebrow{color:#7fe5c2}
.site-footer .brand strong{color:#7fe5c2}
:root[data-theme="dark"] .history-year-index a[aria-current="page"]{color:#07150f}
@media(max-width:980px){.desktop-nav,.text-size{display:none}.menu-button{display:block}.mobile-nav.open{display:grid;padding:12px 24px 22px;border-top:1px solid var(--line)}.mobile-nav a{padding:11px 0;font-weight:750}.hero-grid{grid-template-columns:1fr}.hero-value{border-right:0;padding-right:0;min-height:570px}.hero .utm-console{border-top:1px solid var(--line);padding:44px 0}.metric-band .shell{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:1fr 1fr}.history-preview,.explainer{grid-template-columns:1fr}.page-hero>.shell{grid-template-columns:1fr}.page-hero aside{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.workspace-body{grid-template-columns:1fr}.workspace-inputs{border-right:0;border-bottom:1px solid var(--line)}.reading-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1.3fr 1fr 1fr}.footer-top nav:nth-last-child(-n+2){margin-top:20px}.steps{margin-top:10px}}
@media(max-width:640px){.shell{width:min(calc(100% - 24px),var(--shell))}.status-bar{height:30px}.status-bar .shell span:last-child{display:none}.header-inner{min-height:66px}.brand{font-size:1.1rem}.brand-mark{width:38px;height:38px}.header-actions{gap:7px}.icon-button{min-width:44px;height:44px}.hero-grid{min-height:0}.hero-value{padding:42px 0 32px;min-height:590px}.hero-value h1{font-size:3.35rem}.hero-copy{font-size:1rem;margin-bottom:32px}.current-value{font-size:3.55rem}.source-line{align-items:flex-start;flex-direction:column;gap:8px}.hero .utm-console{padding:38px 0}.console-heading{display:block}.console-heading h2{font-size:1.65rem}.rate-pill{display:inline-block;margin-top:12px}.period-row{grid-template-columns:1fr 1fr}.period-current{grid-column:span 2;justify-self:start}.converter-row{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:6px}.money-field{height:125px;padding:13px 10px}.money-field>span{font-size:.76rem}.money-field input{font-size:1.5rem}.result-field>div>strong{font-size:1.25rem}.swap-button{width:42px;height:42px;font-size:1.3rem}.equation{font-size:.78rem}.quick-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.quick-actions span{grid-column:span 6}.quick-actions button{width:100%;height:42px}.console-actions{grid-template-columns:1fr 1fr}.console-actions .secondary{grid-column:span 2}.console-note{font-size:.72rem}.metric-band .shell{width:100%;grid-template-columns:1fr 1fr}.metric-band article{padding:18px 12px}.metric-band article:nth-child(odd){border-left:0}.metric-band article:last-child{border-right:0}.section{padding-top:58px;padding-bottom:58px}.section-heading{display:block}.section-heading>p{margin-top:14px}.tool-grid{grid-template-columns:1fr}.tool-link{min-height:200px}.history-preview{gap:35px}.month-strip{grid-template-columns:1fr}.explainer{gap:24px}.steps{grid-template-columns:1fr}.steps article{padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}.steps article>span{margin-bottom:15px}.page-hero{padding:42px 0}.page-hero h1{font-size:2.75rem}.page-hero aside{min-width:0}.page-hero aside strong{font-size:2rem}.tool-page{padding-top:30px}.workspace>header,.history-console>header{padding:22px;display:block}.workspace>header p,.history-console>header p{margin-top:10px}.workspace-inputs,.workspace-results{padding:22px}.workspace-inputs{grid-template-columns:1fr}.workspace-inputs>label,.large-input{grid-column:auto}.workspace-results{grid-template-columns:1fr}.workspace-results article{min-height:145px}.workspace>footer{padding:20px;display:block}.workspace>footer p{margin-bottom:16px}.workspace>footer>div{display:grid;grid-template-columns:1fr 1fr}.reading-grid{gap:35px}.reading-grid article{padding-left:18px}.history-controls{padding:22px;grid-template-columns:1fr}.history-result{grid-template-columns:1fr}.history-result>div{padding:22px}.history-result>div+div{border-left:0;border-top:1px solid var(--line)}.history-result strong{font-size:2rem}.history-actions{padding:20px;display:grid;grid-template-columns:1fr}.directory-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:6px}}
@media(max-width:360px){:root{font-size:15px}.shell{width:min(calc(100% - 20px),var(--shell))}.hero-value h1{font-size:3rem}.current-value{font-size:3.25rem}.money-field input{font-size:1.3rem}.result-field>div>strong{font-size:1.08rem}.money-field strong,.result-field small{font-size:.72rem}.quick-actions button{font-size:.78rem}.console-actions{grid-template-columns:1fr}.console-actions .secondary{grid-column:auto}.workspace-inputs,.workspace-results{padding:18px}.workspace>footer>div{grid-template-columns:1fr}.page-hero h1{font-size:2.45rem}}
.history-year-reading>*,.history-month-reading>*,.history-year-reading .history-year-index,.history-month-reading .history-year-index{min-width:0;max-width:100%}
.history-month-reading aside>span{display:block;margin-bottom:12px;color:var(--ink-soft);font-size:.72rem;font-weight:850;text-transform:uppercase}.history-month-reading aside nav{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.history-month-reading aside nav a{min-width:0;padding:9px 6px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;font-size:.78rem;font-weight:800}.history-month-reading aside nav a:hover,.history-month-reading aside nav a[aria-current="page"]{background:var(--green);color:#fff}
@media(max-width:640px){.history-month-reading aside nav{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Keep every console constrained by its layout track, even with very long values. */
.utm-console,.console-heading,.console-heading>div,.period-row,.converter-row,.quick-actions,.console-actions{min-width:0;max-width:100%}
.period-row{grid-template-columns:145px 145px minmax(0,1fr)}
.period-row label,.workspace-inputs>label,.history-controls label{min-width:0}
.period-row select,.workspace select,.history-controls select,.history-controls input{width:100%;min-width:0}

@media(max-width:640px){
  .hero-grid>*{min-width:0}
  .hero .utm-console{width:100%;min-width:0;max-width:100%}
  .rate-pill{max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .period-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .quick-actions{grid-template-columns:repeat(6,minmax(0,1fr))}
  .console-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}

/* Editorial archive and contact surfaces. */
.news-index .site-breadcrumb{margin-bottom:0}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.news-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);overflow:hidden}.news-card.featured{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr)}.news-card-image{display:block;min-height:190px;background:var(--surface);overflow:hidden}.news-card.featured .news-card-image{min-height:100%}.news-card-image img{display:block;width:100%;height:100%;aspect-ratio:16/6;object-fit:cover}.news-card>div{padding:22px;display:grid;align-content:start}.news-card>div>span{color:var(--green);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.news-card h2{margin:12px 0 10px;font-size:1.24rem;line-height:1.24}.news-card.featured h2{font-size:1.62rem}.news-card h2 a{color:var(--ink)}.news-card p{margin:0;color:var(--ink-soft);font-size:.88rem;line-height:1.6}.news-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:14px;border-top:1px solid var(--line);font-size:.72rem}.news-card footer time{color:var(--ink-soft)}.news-card footer a{color:var(--green);font-weight:850}.news-pagination{display:flex;justify-content:center;gap:7px;margin-top:34px}.news-pagination a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--control);font-weight:800}.news-pagination a[aria-current="page"]{background:var(--green);border-color:var(--green);color:#fff}
.news-article-hero{padding:52px 0 46px;border-bottom:1px solid var(--line);background:var(--surface)}.news-article-hero .history-breadcrumb{width:100%;margin:0 0 34px;padding:0}.news-article-hero h1{max-width:1040px;margin:12px 0 18px;font-size:clamp(2.6rem,5vw,4.65rem);line-height:1.03}.news-article-hero>div>p{max-width:850px;margin:0;color:var(--ink-soft);font-size:1.1rem;line-height:1.65}.news-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:24px;color:var(--ink-soft);font-size:.78rem;font-weight:700}.news-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:64px;align-items:start;padding-top:46px;padding-bottom:76px}.news-article-layout>article{min-width:0}.news-featured{margin:0 0 34px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.news-featured img{display:block;width:100%;height:auto;aspect-ratio:1301/488;object-fit:cover}.news-content{max-width:850px;color:var(--ink-soft);font-size:1.02rem;line-height:1.75}.news-content h2{margin:44px 0 14px;color:var(--ink);font-size:1.7rem;line-height:1.2}.news-content h3{margin:30px 0 10px;color:var(--ink);font-size:1.25rem}.news-content p{margin:0 0 18px}.news-content ul,.news-content ol{margin:0 0 22px;padding-left:24px}.news-content li+li{margin-top:8px}.utm-article-intro{margin-bottom:24px;padding:18px 20px;border-left:3px solid var(--green);background:var(--surface);color:var(--ink);font-size:1.08rem}.utm-article-toc{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 34px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.utm-article-toc strong{width:100%;color:var(--ink);font-size:.75rem;text-transform:uppercase}.utm-article-toc a{color:var(--green);font-size:.88rem;font-weight:800}.utm-article-summary,.utm-example-panel,.utm-mistakes-panel,.utm-article-faq{margin:30px 0;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.utm-article-summary h2,.utm-example-panel h2,.utm-mistakes-panel h2,.utm-article-faq h2{margin-top:0}.utm-example-panel{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:24px}.utm-panel-kicker{color:var(--green);font-size:.7rem;font-weight:900;text-transform:uppercase}.utm-example-card{padding-left:24px;border-left:1px solid var(--line)}.utm-example-equation{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;color:var(--ink);font-variant-numeric:tabular-nums}.utm-mistakes-table-wrap{overflow-x:auto}.utm-mistakes-table{width:100%;border-collapse:collapse;color:var(--ink);font-size:.88rem}.utm-mistakes-table th,.utm-mistakes-table td{padding:13px;text-align:left;border-bottom:1px solid var(--line)}.utm-faq-item{border-top:1px solid var(--line)}.utm-faq-item summary{padding:16px 0;color:var(--ink);font-weight:800;cursor:pointer}.utm-faq-item p{padding:0 0 15px}.utm-article-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:34px;padding:20px;border:1px solid var(--line);border-left:3px solid var(--green);background:var(--surface)}.utm-article-cta>div{display:grid}.utm-article-cta span{color:var(--ink-soft);font-size:.72rem}.utm-article-cta strong{color:var(--ink)}.utm-article-cta a{color:var(--green);font-weight:850}.news-share{display:flex;align-items:center;gap:10px;margin-top:36px;padding-top:20px;border-top:1px solid var(--line)}.news-share>span{margin-right:auto;color:var(--ink-soft);font-size:.78rem;font-weight:800}.news-share a{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:var(--control);color:var(--ink);font-weight:800}.news-share .whatsapp-icon{width:18px;height:18px;fill:currentColor}.news-aside{position:sticky;top:112px;display:grid;gap:14px}.news-aside>div{padding:20px;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:var(--radius);background:var(--surface)}.news-aside span{color:var(--ink-soft);font-size:.7rem;font-weight:900;text-transform:uppercase}.news-aside strong{display:block;margin:8px 0 2px;color:var(--green);font-size:1.75rem}.news-aside small{color:var(--ink-soft)}.news-aside p{color:var(--ink-soft);font-size:.86rem;line-height:1.55}.news-aside a{display:inline-block;margin-top:14px;color:var(--green);font-size:.82rem;font-weight:850}.news-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.contact-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:70px;align-items:start}.contact-layout>article h2{margin:12px 0 18px;font-size:clamp(2rem,3.5vw,3rem)}.contact-layout>article p{color:var(--ink-soft);line-height:1.7}.contact-email{margin-top:18px}.contact-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.contact-topics article{min-width:0;min-height:230px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}.contact-topics article>span{color:var(--green);font-size:.72rem;font-weight:900}.contact-topics h3{margin:38px 0 10px}.contact-topics p{margin:0;color:var(--ink-soft);font-size:.88rem;line-height:1.6}

@media(max-width:1180px){.desktop-nav{gap:15px}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-card.featured{grid-column:span 2}.news-article-layout{grid-template-columns:minmax(0,1fr) 240px;gap:36px}.contact-layout{grid-template-columns:1fr;gap:34px}}
@media(max-width:980px){.news-article-layout{grid-template-columns:1fr}.news-aside{position:static;grid-template-columns:1fr 1fr}.contact-topics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.news-grid,.news-related{grid-template-columns:1fr}.news-card.featured{grid-column:auto;display:block}.news-card-image,.news-card.featured .news-card-image{min-height:0}.news-card>div{padding:18px}.news-card.featured h2,.news-card h2{font-size:1.22rem}.news-article-hero{padding:34px 0}.news-article-hero .history-breadcrumb{margin-bottom:24px;overflow-x:auto;white-space:nowrap}.news-article-hero h1{font-size:2.3rem}.news-article-hero>div>p{font-size:1rem}.news-article-layout{gap:30px;padding-top:24px;padding-bottom:52px}.news-content{font-size:.98rem}.news-content h2{margin-top:34px;font-size:1.45rem}.utm-article-summary,.utm-example-panel,.utm-mistakes-panel,.utm-article-faq{padding:17px}.utm-example-panel{grid-template-columns:1fr}.utm-example-card{padding:18px 0 0;border-left:0;border-top:1px solid var(--line)}.utm-article-cta{align-items:flex-start;flex-direction:column}.news-share{align-items:stretch;flex-wrap:wrap}.news-share>span{width:100%;margin:0}.news-share a{flex:1;justify-content:center}.news-aside{grid-template-columns:1fr}.contact-topics{grid-template-columns:1fr}.contact-topics article{min-height:0}.contact-topics h3{margin-top:18px}.contact-email{width:100%;font-size:.86rem}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}}

/* Compact utility actions belong to the value label instead of floating below it. */
.value-heading-row{width:min(100%,510px);display:flex;align-items:center;justify-content:flex-start;gap:12px}
.hero-utility-actions{display:flex;align-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:var(--control);overflow:visible;background:var(--paper)}
.hero-utility-button{position:relative;display:grid;place-items:center;flex:0 0 38px;width:38px;height:36px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink-soft);cursor:pointer}
.hero-utility-button:first-child{border-radius:var(--control) 0 0 var(--control)}
.hero-utility-button:last-child{border-left:1px solid var(--line);border-radius:0 var(--control) var(--control) 0}
.hero-utility-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hero-utility-button:hover,.hero-utility-button:focus-visible{border-color:var(--green);background:var(--green-soft);color:var(--green);outline:0}
.hero-utility-button[data-speaking]{border-color:var(--green);background:var(--green-soft);color:var(--green)}

/* Mobile navigation: stable app-style drawer with an explicit backdrop. */
.menu-button{position:relative;place-items:center;padding:0;overflow:hidden}
.menu-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;transition:opacity .16s ease,transform .16s ease}
.menu-icon-close{position:absolute;opacity:0;transform:scale(.72)}
.menu-button[aria-expanded="true"] .menu-icon-open{opacity:0;transform:scale(.72)}
.menu-button[aria-expanded="true"] .menu-icon-close{opacity:1;transform:scale(1)}
.mobile-nav-backdrop{display:none}
@media(max-width:1100px){
  .desktop-nav{display:none}
  .menu-button{display:grid}
  html.mobile-menu-open{overflow:hidden}
  .mobile-nav-backdrop{display:block;position:fixed;inset:0;z-index:46;background:rgba(3,9,17,.52);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
  .mobile-menu-open .mobile-nav-backdrop{opacity:1;visibility:visible}
  .mobile-nav,.mobile-nav.open{display:flex;position:fixed;z-index:47;top:0;right:0;bottom:0;width:min(392px,calc(100% - 28px));padding:0;border:0;border-left:1px solid var(--line);background:var(--paper);box-shadow:-18px 0 45px rgba(3,9,17,.2);flex-direction:column;transform:translateX(105%);visibility:hidden;transition:transform .22s ease,visibility .22s ease}
  .mobile-nav.open{transform:translateX(0);visibility:visible}
  .mobile-nav>header{min-height:76px;padding:0 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}
  .mobile-nav>header>span{font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
  .mobile-nav>header>button{position:relative;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid var(--line);border-radius:var(--control);background:var(--paper);color:var(--ink);cursor:pointer}
  .mobile-nav>header .menu-icon-open{display:none}.mobile-nav>header .menu-icon-close{position:static;opacity:1;transform:none}
  .mobile-nav-links{display:grid;padding:12px 12px 20px;overflow-y:auto;overscroll-behavior:contain}
  .mobile-nav .mobile-nav-links>a{min-height:68px;padding:10px 12px;border:1px solid transparent;border-bottom-color:var(--line);display:grid;grid-template-columns:36px minmax(0,1fr) 18px;gap:11px;align-items:center;color:var(--ink)}
  .mobile-nav .mobile-nav-links>a>svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--green)}
  .mobile-nav .mobile-nav-links>a>span{display:grid;min-width:0}.mobile-nav .mobile-nav-links>a strong{font-size:.94rem}.mobile-nav .mobile-nav-links>a small{color:var(--ink-soft);font-size:.72rem;font-weight:550}
  .mobile-nav .mobile-nav-links>a>b{font-size:1.35rem;color:var(--ink-soft);font-weight:400}
  .mobile-nav .mobile-nav-links>a.active{border-color:var(--line);border-left:3px solid var(--green);background:var(--surface)}
  .mobile-nav>footer{margin-top:auto;padding:16px 18px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--surface)}
  .mobile-nav>footer .mobile-install{min-height:48px;padding:0 14px;border:1px solid var(--green);border-radius:var(--control);background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:850;cursor:pointer}
  .mobile-nav>footer .mobile-install svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .mobile-nav>footer>a{padding:12px;color:var(--green);font-size:.8rem;font-weight:850}
}
@media(max-width:360px){.mobile-nav,.mobile-nav.open{width:100%}.mobile-nav>header{min-height:68px}.mobile-nav .mobile-nav-links>a{min-height:62px}}

.ad-reserved[data-ad-state="mounted"]{display:block;padding:0}
.ad-reserved[data-ad-state="mounted"]>.adsbygoogle{display:block!important;width:100%!important;min-width:120px;min-height:90px}
.hero-utility-button::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);z-index:3;translate:-50% 0;padding:6px 8px;border-radius:var(--control);background:var(--navy);color:#fff;font-size:.68rem;font-weight:750;line-height:1;white-space:nowrap;opacity:0;pointer-events:none}
.hero-utility-button:hover::after,.hero-utility-button:focus-visible::after{opacity:1}
@media(max-width:640px){.value-heading-row{gap:10px}.hero-utility-button{flex-basis:36px;width:36px;height:34px}.hero-utility-button svg{width:19px;height:19px}.hero-utility-button::after{display:none}}

/* Historical archive. */
[hidden]{display:none!important}

.history-archive{min-width:0}.history-breadcrumb{padding-top:22px;display:flex;flex-wrap:wrap;gap:8px;color:var(--ink-soft);font-size:.78rem}.history-breadcrumb a{color:var(--green);font-weight:800}
.history-period-nav{margin-top:18px;padding-block:14px;border-block:1px solid var(--line);display:grid;grid-template-columns:auto auto 1fr auto auto;gap:16px;align-items:center}.history-period-nav a{color:var(--green);font-weight:800}.history-period-nav a:nth-last-child(-n+2){text-align:right}
.history-year-overview,.history-month-overview{padding-top:58px;padding-bottom:22px}.history-year-overview>header,.history-index-section>header{max-width:760px}.history-year-overview h2,.history-index-section h2,.history-month-overview h2{margin:10px 0}.history-year-overview p,.history-index-section p,.history-month-overview p{color:var(--ink-soft)}
.history-stat-band{margin-top:28px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.history-stat-band article{min-width:0;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;gap:4px}.history-stat-band span,.history-stat-band small{color:var(--ink-soft);font-size:.72rem}.history-stat-band strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.15rem}
.history-table-section{padding-top:40px}.history-year-reading{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:56px}.history-year-reading article{border-left:3px solid var(--green);padding-left:26px}.history-year-reading article h2{margin:10px 0}.history-year-reading article p{color:var(--ink-soft)}.history-year-reading aside>span{display:block;margin-bottom:12px;color:var(--ink-soft);font-size:.72rem;font-weight:850;text-transform:uppercase}
.history-year-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:6px}.history-year-index a{min-width:0;min-height:44px;padding:8px 6px;border:1px solid var(--line);border-radius:var(--control);background:var(--paper);display:grid;place-items:center;text-align:center;font-size:.88rem;font-weight:800;font-variant-numeric:tabular-nums}.history-year-index a:hover,.history-year-index a:focus-visible{border-color:var(--green);background:var(--green-soft);color:var(--green);outline:0}.history-year-index a[aria-current="page"]{border-color:var(--green);background:var(--green);color:#fff}
.history-index-section{padding-block:68px}.history-index-section .history-year-index{margin-top:28px}
.history-adjacent{padding-block:22px 54px;display:grid;grid-template-columns:1fr auto 1fr;gap:18px}.history-adjacent a{color:var(--green);font-weight:850}.history-adjacent a:last-child{text-align:right}
.history-month-overview{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:58px;align-items:start}.history-month-overview>div:first-child{border-left:3px solid var(--green);padding-left:28px}.history-month-overview .button{margin-top:12px}.history-month-metrics{display:grid;border-top:1px solid var(--line)}.history-month-metrics article{padding:18px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:3px 16px}.history-month-metrics span,.history-month-metrics small{color:var(--ink-soft);font-size:.74rem}.history-month-metrics strong{grid-row:span 2;grid-column:2;align-self:center}.history-conversions{padding-top:52px}.history-month-reading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr);gap:58px}.history-month-reading article{border-left:3px solid var(--green);padding-left:28px}.history-month-reading h2{margin:10px 0}.history-month-reading p{color:var(--ink-soft)}

@media(max-width:980px){
  .history-stat-band{grid-template-columns:repeat(3,minmax(0,1fr))}.history-month-overview,.history-month-reading,.history-year-reading{grid-template-columns:1fr}.history-month-overview{gap:30px}
}
@media(max-width:640px){
  .history-period-nav{grid-template-columns:1fr 1fr;gap:9px}.history-period-nav span,.history-period-nav i{display:none}.history-period-nav a:nth-last-child(-n+2){text-align:left}.history-year-overview,.history-month-overview{padding-top:38px}.history-stat-band{grid-template-columns:1fr 1fr}.history-stat-band article{padding:14px}.history-stat-band article:last-child{grid-column:1/-1}.history-year-reading article,.history-month-reading article,.history-month-overview>div:first-child{padding-left:17px}.history-adjacent{grid-template-columns:1fr;gap:10px}.history-adjacent a:last-child{text-align:left}.history-month-metrics article{grid-template-columns:1fr}.history-month-metrics strong{grid-row:auto;grid-column:auto}.history-conversions .table-wrap{margin-inline:0}
}
@media(max-width:360px){.history-year-index{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Fintech layout refinement: denser hierarchy, stable controls and better viewport use. */
:root{--shell:1320px}
.header-inner{min-height:76px}
.desktop-nav{height:76px;gap:30px}
.text-size button,.icon-button{height:46px}
.hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);min-height:510px}
.hero-value{padding:42px 46px 30px 0}
.hero-value h1{font-size:clamp(3rem,4vw,4.15rem);margin:10px 0 14px;white-space:nowrap}
.hero-copy{max-width:510px;font-size:1.05rem;line-height:1.6;margin-bottom:28px}
.current-value{font-size:clamp(3.9rem,5.3vw,5.25rem);margin:6px 0}
.variation{margin-top:16px}
.source-line{margin-top:24px;padding-top:18px;align-items:flex-start}
.source-line>span{display:flex;align-items:flex-start;min-width:0;line-height:1.45}
.source-line .live-dot{flex:0 0 8px;margin-top:.34em}
.source-line>a{line-height:1.45}
.hero .utm-console{align-self:center;margin:24px 0 24px 36px;padding:24px 26px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.console-heading{padding-bottom:14px}
.console-heading h2{font-size:1.72rem;margin-top:7px}
.rate-pill{background:var(--paper);padding:9px 12px}
.period-row{grid-template-columns:132px 132px auto;justify-content:start;align-items:end;margin:14px 0;gap:10px}
.period-row select{height:46px;background:var(--paper)}
.converter-row{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:12px}
.money-field{height:108px;padding:14px 18px;background:var(--paper)}
.money-field input{font-size:1.85rem}
.result-field>div>strong{font-size:clamp(1.6rem,2.35vw,2.2rem)}
.swap-button{width:54px;height:54px;font-size:1.55rem}
.equation{margin:12px 0;font-size:.88rem}
.quick-actions{margin-bottom:12px}
.quick-actions button{height:36px}
.console-actions{grid-template-columns:132px minmax(0,1fr) minmax(0,1fr)}
.console-actions .button{min-height:46px;padding-inline:12px}
.console-note{display:flex;align-items:center;justify-content:center;margin-top:10px}
.console-note .live-dot{width:7px;height:7px;margin-right:9px;box-shadow:0 0 0 4px rgba(81,214,164,.11)}
.metric-band article{padding:18px 24px}
.section{padding-top:72px;padding-bottom:72px}
.tool-link{min-height:218px}
.page-hero{padding:52px 0}
.page-hero h1{font-size:clamp(2.7rem,4.2vw,4rem)}
.tool-page{padding-top:42px}
.workspace>header,.history-console>header{padding:25px 30px}
.workspace-inputs,.workspace-results{padding:30px}
.workspace>footer{padding:20px 30px}

@media(max-width:1100px){
  .hero-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
  .hero-value h1{font-size:3.2rem}
  .hero .utm-console{margin-left:28px;padding-inline:24px}
  .desktop-nav{gap:20px}
}

@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;min-height:0}
  .hero-value{min-height:0;padding:42px 0 32px;border-right:0}
  .hero-value h1{font-size:3.5rem}
  .source-line{margin-top:24px}
  .hero .utm-console{width:100%;margin:0 0 34px;padding:28px;border:1px solid var(--line);background:var(--surface)}
}

@media(max-width:640px){
  :root{font-size:16px}
  .shell{width:min(calc(100% - 20px),var(--shell))}
  .header-inner{min-height:64px}
  .brand-mark{width:38px;height:38px}
  .hero-value{padding:30px 0 24px}
  .hero-value h1{font-size:2.65rem;white-space:normal;margin:8px 0 12px}
  .hero-copy{font-size:.96rem;line-height:1.55;margin-bottom:22px}
  .value-label{font-size:.72rem}
  .current-value{font-size:3.35rem;margin:5px 0}
  .variation{margin-top:13px;gap:9px;font-size:.86rem}
  .variation b{padding:6px 8px}
  .source-line{margin-top:18px;padding-top:16px;gap:7px}
  .hero .utm-console{margin-bottom:24px;padding:20px 14px 17px}
  .console-heading{display:flex;align-items:flex-start;gap:8px;padding-bottom:15px}
  .console-heading>div{flex:1}
  .console-heading h2{font-size:1.42rem;margin-top:5px}
  .console-heading .eyebrow{font-size:.66rem}
  .rate-pill{flex:0 0 auto;margin:0;padding:7px 8px;font-size:.72rem}
  .period-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:15px 0;gap:8px}
  .period-row select{height:44px;padding-inline:10px}
  .converter-row{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:6px}
  .money-field{height:112px;padding:12px 9px}
  .money-field>span{font-size:.68rem}
  .money-field input{font-size:1.38rem}
  .money-field strong,.result-field small{font-size:.68rem}
  .result-field>div>strong{font-size:1.08rem}
  .swap-button{width:40px;height:40px;font-size:1.2rem}
  .equation{margin:13px 0;font-size:.72rem}
  .quick-actions{margin-bottom:14px;gap:4px}
  .quick-actions button{height:38px;padding:0;font-size:.76rem}
  .console-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
  .console-actions .secondary{grid-column:1/-1}
  .console-actions .button{min-height:46px;font-size:.82rem}
  .console-note{font-size:.68rem;margin-top:12px}
  .metric-band article{padding:16px 10px}
  .section{padding-top:52px;padding-bottom:52px}
  .tool-link{min-height:182px;padding:22px}
  .page-hero{padding:36px 0}
  .page-hero h1{font-size:2.35rem}
  .page-hero p{font-size:1rem}
  .tool-page{padding-top:24px}
  .workspace>header,.history-console>header{padding:20px}
  .workspace-inputs,.workspace-results{padding:18px}
  .workspace>footer{padding:18px}
}

@media(max-width:360px){
  :root{font-size:15px}
  .hero-value h1{font-size:2.5rem}
  .current-value{font-size:3.15rem}
  .hero .utm-console{padding-inline:11px}
  .console-heading h2{font-size:1.3rem}
  .rate-pill{font-size:.67rem}
  .money-field input{font-size:1.25rem}
  .result-field>div>strong{font-size:1rem}
}

/* V4: financial brand, guarded numeric surfaces and denser first viewport. */
.brand-mark{display:block;flex:0 0 auto;width:44px;height:44px;border:0;border-radius:0;background:transparent;color:inherit;overflow:visible}
.brand-tile{fill:#087548;stroke:#075d3b;stroke-width:1}
.brand-bars{fill:rgba(255,255,255,.3)}
.brand-trend,.brand-arrow{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
:root[data-theme="dark"] .site-header .brand-tile{fill:#0a6c46;stroke:#2aa47e}
:root[data-theme="dark"] .site-header .brand-bars{fill:rgba(143,216,187,.36)}
:root[data-theme="dark"] .site-header .brand-trend,:root[data-theme="dark"] .site-header .brand-arrow{stroke:#f7fffc}
:root[data-theme="dark"] .site-header .brand strong{color:#55ddb0}
.site-footer .brand-mark{background:transparent;border:0;color:inherit}
.site-footer .brand-tile{fill:#fff;stroke:#dce8e2}
.site-footer .brand-bars{fill:rgba(11,107,69,.25)}
.site-footer .brand-trend,.site-footer .brand-arrow{stroke:var(--green)}

input[data-number-kind]{font-variant-numeric:tabular-nums}
input[data-number-kind][data-state="limited"]{color:var(--red)}
.money-field:has(input[data-state="limited"]),.large-input>span:has(input[data-state="limited"]){border-color:var(--red)}
.money-field input[data-fit="compact"],.large-input input[data-fit="compact"]{font-size:1.38rem}
.money-field input[data-fit="tight"],.large-input input[data-fit="tight"]{font-size:1.05rem}
.workspace,.workspace-body,.workspace-inputs,.workspace-results,.workspace-results article,.workspace>footer,.workspace>footer p,.history-result,.history-result>div,.large-input,.large-input>span{min-width:0;max-width:100%}
.large-input>span{overflow:hidden}
.large-input input{flex:1 1 0;text-overflow:ellipsis}
.workspace-results article{overflow:hidden}
.workspace-results strong,.history-result strong{display:block;width:100%;min-width:0;max-width:100%;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-results strong[data-fit="compact"],.history-result strong[data-fit="compact"]{font-size:clamp(1.35rem,2.15vw,2rem)}
.workspace-results strong[data-fit="tight"],.history-result strong[data-fit="tight"]{font-size:clamp(1.05rem,1.65vw,1.5rem)}
.result-field>div>strong[data-fit="compact"]{font-size:clamp(1.05rem,1.7vw,1.55rem)}
.result-field>div>strong[data-fit="tight"]{font-size:clamp(.88rem,1.25vw,1.18rem)}
.equation,.workspace>footer p{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}

.status-bar{height:30px}
.header-inner{min-height:68px}
.desktop-nav{height:68px}
.text-size button,.icon-button{height:44px}
.hero-grid{min-height:492px}
.hero-value{padding:30px 44px 24px 0}
.hero-value h1{margin:8px 0 10px}
.hero-copy{margin-bottom:20px;line-height:1.52}
.current-value{font-size:clamp(3.55rem,5vw,4.85rem)}
.variation{margin-top:12px}
.source-line{margin-top:18px;padding-top:14px}
.hero .utm-console{align-self:start;margin:30px 0 14px 30px;padding:18px 22px 16px}
.console-heading{padding-bottom:11px}
.console-heading h2{font-size:1.58rem;margin-top:5px}
.rate-pill{padding:7px 10px}
.period-row{margin:10px 0;gap:8px}
.period-row select{height:42px}
.money-field{height:100px;padding:12px 16px}
.money-field input{font-size:1.72rem}
.swap-button{width:50px;height:50px}
.converter-row{grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);gap:10px}
.equation{margin:8px 0;min-height:22px}
.quick-actions{margin-bottom:8px}
.quick-actions button{height:34px}
.console-actions .button{min-height:42px}
.console-note{margin-top:7px}
.page-hero{padding:44px 0}
.page-hero h1{font-size:clamp(2.5rem,4vw,3.75rem)}
.tool-page{padding-top:34px}

@media(max-width:980px){
  .hero-value{padding:34px 0 27px}
  .hero .utm-console{margin:0 0 30px;padding:24px}
}

@media(max-width:640px){
  .status-bar{height:28px}
  .header-inner{min-height:60px}
  .brand{gap:9px;font-size:1.05rem}
  .brand-mark{width:36px;height:36px}
  .icon-button{min-width:42px;height:42px}
  .hero-value{padding:24px 0 20px}
  .hero-value h1{font-size:2.45rem;margin:6px 0 9px}
  .hero-copy{margin-bottom:17px;line-height:1.45}
  .current-value{font-size:3.05rem}
  .source-line{margin-top:15px;padding-top:13px}
  .hero .utm-console{margin-bottom:20px;padding:17px 11px 14px}
  .console-heading{padding-bottom:12px}
  .console-heading h2{font-size:1.26rem}
  .rate-pill{font-size:.64rem;padding:6px}
  .period-row{margin:12px 0 10px}
  .money-field{height:108px;padding:11px 8px}
  .money-field input{font-size:1.22rem}
  .money-field input[data-fit="compact"]{font-size:1rem}
  .money-field input[data-fit="tight"]{font-size:.82rem}
  .result-field>div>strong{font-size:1rem}
  .result-field>div>strong[data-fit="compact"]{font-size:.82rem}
  .result-field>div>strong[data-fit="tight"]{font-size:.72rem}
  .equation{font-size:.69rem;line-height:1.35;min-height:29px}
  .quick-actions{margin-bottom:11px}
  .console-actions .button{min-height:44px}
  .console-note{margin-top:10px}
  .page-hero{padding:30px 0}
  .page-hero h1{font-size:2.2rem}
  .page-hero aside strong{font-size:1.8rem}
  .tool-page{padding-top:20px}
  .workspace>header,.history-console>header{padding:18px}
  .workspace-inputs,.workspace-results{padding:16px}
  .workspace-results article{min-height:136px;padding:18px}
  .workspace-results strong[data-fit="compact"],.history-result strong[data-fit="compact"]{font-size:1.3rem}
  .workspace-results strong[data-fit="tight"],.history-result strong[data-fit="tight"]{font-size:1.05rem}
  .workspace>footer{padding:16px}
}

@media(max-width:360px){
  .shell{width:min(calc(100% - 16px),var(--shell))}
  .brand span{font-size:1rem}
  .hero-value h1{font-size:2.3rem}
  .current-value{font-size:2.9rem}
  .hero .utm-console{padding-inline:9px}
  .console-heading h2{font-size:1.18rem}
  .rate-pill{font-size:.6rem}
  .workspace-inputs,.workspace-results{padding:14px}
  .large-input input{font-size:1.45rem}
  .large-input input[data-fit="compact"]{font-size:1.15rem}
  .large-input input[data-fit="tight"]{font-size:.95rem}
}

/* V7: indexable conversion references with a distinct editorial layout. */
.reference-section{padding-block:64px;background:var(--paper)}
.reference-heading{margin-bottom:28px}
.reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.reference-item{min-width:0;min-height:150px;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;align-content:space-between;gap:12px;background:var(--paper)}
.reference-item>span{display:grid;gap:2px}.reference-item b{font-size:.95rem}.reference-item small{color:var(--ink-soft)}
.reference-item strong{min-width:0;font-size:1.45rem;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reference-item em{color:var(--green);font-size:.8rem;font-style:normal;font-weight:850}
.reference-item:hover,.reference-item:focus-visible{background:var(--surface);outline:0}.reference-item:focus-visible{box-shadow:inset 0 0 0 2px var(--green)}
.reference-note{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.reference-note span{color:var(--ink-soft)}.reference-note a{color:var(--green);font-weight:850;white-space:nowrap}

@media(max-width:980px){.reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){
  .reference-section{padding-block:46px}
  .reference-heading{margin-bottom:22px}
  .reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reference-item{min-height:138px;padding:15px 12px;gap:8px}
  .reference-item b{font-size:.82rem}.reference-item small{font-size:.7rem}.reference-item strong{font-size:1.02rem}.reference-item em{font-size:.7rem}
  .reference-note{display:block;margin-top:18px;padding-top:16px}.reference-note span,.reference-note a{display:block;margin-top:6px}.reference-note a{white-space:normal}
}

/* V10: denser financial results and layout-stable advertising reservations. */
.workspace-body{grid-template-columns:minmax(0,46fr) minmax(0,54fr)}
.workspace-results{padding:28px;align-content:center;grid-auto-rows:210px}
.workspace-results article{height:210px;min-height:210px;padding:24px 26px}
.workspace-results article:only-child{grid-column:1/-1}
.workspace-results strong{margin:auto 0 6px;font-size:clamp(1.85rem,2.65vw,2.7rem);letter-spacing:0}
.workspace-results strong[data-fit="compact"],.history-result strong[data-fit="compact"]{font-size:clamp(1.35rem,1.85vw,1.85rem)}
.workspace-results strong[data-fit="tight"],.history-result strong[data-fit="tight"]{font-size:clamp(1.02rem,1.38vw,1.4rem)}
.ad-zone{margin-top:34px;margin-bottom:34px}
.ad-reserved{height:96px;border:1px dashed var(--line);border-radius:var(--radius);display:grid;place-content:center;gap:2px;padding:14px;text-align:center;background:var(--surface);color:var(--ink-soft)}
.ad-reserved b{font-size:.82rem}.ad-reserved small{font-size:.7rem}
.hero-task-column{min-width:0;display:flex;flex-direction:column}
.hero-ad-zone{width:auto;min-height:90px;margin:0 0 22px 30px}
.hero-ad-zone .ad-reserved{display:block;width:100%;height:90px;min-height:90px;padding:0;border:1px solid var(--line);background:var(--surface)}
.hero-ad-zone .adsbygoogle{display:block;width:100%;min-height:90px}
.reference-ad-zone{margin-top:-10px;margin-bottom:0}
.reference-ad-zone .ad-reserved,.reference-ad-zone .adsbygoogle{display:block;width:100%;height:280px;min-height:280px}
.reference-ad-zone .ad-reserved{display:grid;padding:14px}
/* El grid de arriba es para el placeholder: .ad-reserved trae place-content:center,
   asi que la columna se dimensiona al contenido. Con la unidad montada el <ins>
   viene vacio, la columna colapsaba a su min-width de 120px y AdSense no tenia
   ancho para servir un horizontal: portada-contextual quedaba en blanco
   (ad_status null, medido 120x280 sobre 1320 disponibles). La regla .ad-reserved
   [data-ad-state=mounted] de mas arriba ya devolvia el bloque, pero la de este
   bloque la pisaba por venir despues con la misma especificidad. Con la unidad
   montada mandamos block; el placeholder sin montar conserva su grid centrado. */
.reference-ad-zone .ad-reserved[data-ad-state="mounted"]{display:block;padding:0}
.direct-sponsor{display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius);background:var(--paper)}
.direct-sponsor img{display:block;width:100%;height:100%;object-fit:contain}

@media(max-width:980px){
  .workspace-body{grid-template-columns:1fr}
  .workspace-results{grid-auto-rows:190px}
  .workspace-results article{height:190px;min-height:190px}
  .hero-ad-zone{margin:0 0 28px;min-height:100px}
  .hero-ad-zone .ad-reserved,.hero-ad-zone .adsbygoogle{height:100px;min-height:100px}
}

@media(max-width:640px){
  .workspace-results{padding:16px;grid-auto-rows:150px}
  .workspace-results article{height:150px;min-height:150px;padding:18px}
  .workspace-results strong{font-size:1.65rem}
  .workspace-results strong[data-fit="compact"],.history-result strong[data-fit="compact"]{font-size:1.25rem}
  .workspace-results strong[data-fit="tight"],.history-result strong[data-fit="tight"]{font-size:1rem}
  .ad-zone{margin-top:24px;margin-bottom:24px}
  .ad-reserved{height:108px;padding:12px}
  .hero-ad-zone{margin:0 0 22px;min-height:100px}
  .hero-ad-zone .ad-reserved,.hero-ad-zone .adsbygoogle{height:100px;min-height:100px;padding:0}
  .reference-ad-zone{margin-top:-4px;margin-bottom:0}
  .reference-ad-zone .ad-reserved,.reference-ad-zone .adsbygoogle{height:250px;min-height:250px}
}

/* Calm home converter: compact presets and clearly separated primary actions. */
.utm-console.calm .equation{margin:14px 0 16px;color:var(--ink-soft);font-weight:500}
.utm-console.calm .period-row{grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);gap:10px}
.utm-console.calm .period-row select{height:54px}
.period-selectors{grid-column:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}
.period-actions{grid-column:3;display:flex;align-items:end;justify-content:flex-end;gap:8px;min-width:0}
.period-reset{flex:0 0 54px;width:54px;height:54px;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--control);background:var(--paper);color:var(--ink-soft);cursor:pointer}
.period-reset svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.period-reset .period-reset-icon-historical{display:none}
.period-reset.is-historical .period-reset-icon-default{display:none}
.period-reset.is-historical .period-reset-icon-historical{display:block}
.period-reset:hover,.period-reset:focus-visible{border-color:var(--action);color:var(--action);background:var(--green-soft);outline:0}
.period-reset.is-historical{border-color:var(--gold);background:var(--gold);color:#07111f;box-shadow:0 5px 14px color-mix(in srgb,var(--gold) 30%,transparent)}
.period-reset.is-historical:hover,.period-reset.is-historical:focus-visible{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 86%,#fff);color:#07111f}
.rate-pill.is-historical{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,var(--paper));color:color-mix(in srgb,var(--gold) 72%,var(--ink));box-shadow:inset 3px 0 0 var(--gold)}
.calm-control-row{display:grid;grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);gap:10px;align-items:center;min-width:0}
.calm-utilities,.calm-primary-actions{align-items:center;gap:8px;min-width:0}
.calm-utilities{grid-column:1;display:grid;grid-template-columns:auto minmax(0,1fr)}
.calm-utilities>span{flex:0 0 auto;color:var(--ink-soft);font-size:.82rem}
.calm-amounts{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.calm-amounts button{width:100%;height:44px;border:1px solid var(--line);border-radius:var(--control);background:var(--paper);color:var(--ink);font-weight:800;cursor:pointer}
.calm-amounts button:hover,.calm-amounts button:focus-visible{border-color:var(--action);color:var(--action)}
.calm-primary-actions{grid-column:3;display:grid;grid-template-columns:1fr 1fr}
.calm-control-row .button{min-height:46px;padding-inline:12px;gap:8px}
.calm-control-row svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.calm-control-row .whatsapp-icon,.calm-control-row .whatsapp-icon path{fill:currentColor;stroke:none}
.utm-console.calm .console-note{margin-top:12px}

@media(max-width:1180px){
  .calm-control-row{grid-template-columns:1fr}
  .calm-utilities,.calm-primary-actions{grid-column:1}
  .calm-primary-actions{max-width:380px}
}

@media(max-width:640px){
  .calm-control-row{gap:9px}
  .utm-console.calm .period-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 50px}
  .utm-console.calm .period-row select{height:50px}
  .utm-console.calm .period-selectors{display:contents}
  .utm-console.calm .period-actions{grid-column:3;grid-row:1}
  .utm-console.calm .period-reset{flex-basis:50px;width:50px;height:50px}
  .calm-utilities{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px}
  .calm-amounts{grid-template-columns:repeat(4,minmax(0,1fr))}
  .calm-amounts button{width:100%;height:40px;font-size:.78rem}
  .calm-primary-actions{max-width:none;gap:7px}
  .calm-control-row .button{min-height:44px;padding-inline:8px;font-size:.8rem}
  .calm-control-row svg{width:18px;height:18px}
}

@media(max-width:360px){
  .calm-utilities>span{font-size:.72rem}
  .calm-amounts{gap:4px}
  .calm-primary-actions{grid-template-columns:1fr 1fr}
  .calm-control-row .button{font-size:.75rem}
}

/* Quiet live feedback: current Chile time, verified status and responsive calculations. */
.status-source{display:flex;align-items:center;gap:12px}
.status-source b{min-width:72px;color:#75dfba;font-size:.69rem;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
@keyframes statusPulse{0%,100%{transform:scale(.72);opacity:.72}50%{transform:scale(1.25);opacity:.08}}
.status-bar .live-dot,.console-note .live-dot,.source-line .live-dot{position:relative;box-shadow:none}
.status-bar .live-dot::after,.console-note .live-dot::after,.source-line .live-dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;background:rgba(81,214,164,.28);animation:statusPulse 2.8s ease-in-out infinite;will-change:transform,opacity}
.converter-row .money-field,.workspace-results article{transition:border-color .18s ease,background-color .18s ease}
.converter-row:focus-within .result-field,.workspace:focus-within .workspace-results article{border-color:var(--green)}
.workspace-inputs>.large-input>select{height:54px;padding:0 14px;border:1px solid var(--line);border-radius:var(--control);background:var(--surface);color:var(--ink);font-size:.9rem;font-weight:750}

@media(max-width:640px){
  .workspace-inputs>.large-input>select{height:50px;font-size:.82rem}
}

/* Period selectors stay comfortably readable across every calculator. */
.period-row label,.workspace-inputs>label,.history-controls label{font-size:.78rem;line-height:1.25}
.large-input>span[data-tool-amount-label]{height:auto;border:0;background:transparent;border-radius:0;padding:0;display:block}
.period-selectors>label,.workspace-inputs>label:has(>select[data-tool-month]),.workspace-inputs>label:has(>select[data-tool-year]),.history-controls>label:has(>select[data-history-month]),.history-controls>label:has(>select[data-history-year]){position:relative}
.period-selectors>label::after,.workspace-inputs>label:has(>select[data-tool-month])::after,.workspace-inputs>label:has(>select[data-tool-year])::after,.history-controls>label:has(>select[data-history-month])::after,.history-controls>label:has(>select[data-history-year])::after{content:"";position:absolute;right:14px;bottom:18px;width:18px;height:18px;background:currentColor;pointer-events:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 9 5 5 5-5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 9 5 5 5-5'/%3E%3C/svg%3E") center/contain no-repeat}
.period-selectors>label:has(.custom-select)::after,.workspace-inputs>label:has(.custom-select)::after,.history-controls>label:has(.custom-select)::after{display:none}
select[data-utm-month],select[data-utm-year],select[data-tool-month],select[data-tool-year],select[data-history-month],select[data-history-year]{height:54px;padding-inline:14px 44px;appearance:none;-webkit-appearance:none;background:var(--paper);color:var(--ink);font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:0;transition:none}

@media(max-width:640px){
  .period-selectors>label::after,.workspace-inputs>label:has(>select[data-tool-month])::after,.workspace-inputs>label:has(>select[data-tool-year])::after,.history-controls>label:has(>select[data-history-month])::after,.history-controls>label:has(>select[data-history-year])::after{right:12px;bottom:16px}
  select[data-utm-month],select[data-utm-year],select[data-tool-month],select[data-tool-year],select[data-history-month],select[data-history-year]{height:50px;min-height:50px;font-size:16px;padding-inline:12px 40px}
  .history-controls input[data-history-amount]{font-size:16px}
}

/* Accessible period picker with controlled desktop and mobile presentation. */
.custom-select{position:relative;width:100%;min-width:0;text-transform:none}
.native-period-select{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.custom-select-trigger{width:100%;height:54px;padding:0 14px;border:1px solid var(--line);border-radius:var(--control);background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;cursor:pointer;text-align:left}
.custom-select-trigger:hover{border-color:color-mix(in srgb,var(--green) 55%,var(--line))}.custom-select-trigger:focus-visible{outline:3px solid color-mix(in srgb,var(--gold) 70%,transparent);outline-offset:2px}.custom-select-trigger svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}.custom-select.open .custom-select-trigger{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 12%,transparent)}.custom-select.open .custom-select-trigger svg{transform:rotate(180deg)}
.utm-console[data-historical-period="true"] .period-selectors .custom-select-trigger{border-color:var(--gold);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 28%,transparent)}
.custom-select-menu{position:absolute;top:calc(100% + 7px);left:0;z-index:90;width:220px;max-width:min(300px,calc(100vw - 24px));max-height:min(340px,calc(100vh - 24px));padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:0 18px 44px rgba(7,17,31,.18);overflow:auto;overscroll-behavior:contain}.custom-select.is-year .custom-select-menu{width:250px}.custom-select.drop-up .custom-select-menu{top:auto;bottom:calc(100% + 7px)}
.custom-select-menu-head{display:none}.custom-select-options{display:grid;gap:3px}.custom-select.is-year .custom-select-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.custom-select-option{min-width:0;min-height:44px;padding:9px 10px;border:0;border-radius:var(--control);background:transparent;color:var(--ink-soft);display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;font-weight:750;font-variant-numeric:tabular-nums;cursor:pointer;text-align:left}.custom-select-option svg{width:17px;height:17px;fill:none;stroke:var(--green);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:0;flex:0 0 auto}.custom-select-option:hover,.custom-select-option:focus-visible{background:var(--surface);color:var(--ink);outline:0}.custom-select-option.selected{background:var(--green-soft);color:var(--green);font-weight:850}.custom-select-option.selected svg{opacity:1}.custom-select-option:disabled{display:none}

/* Shared editable surfaces: white in light mode and the same quiet paper surface at night. */
.money-field,
.large-input>span:not([data-tool-amount-label]),
.workspace-inputs>.large-input>select,
.history-controls input,
.history-controls select{background:var(--paper)}

/* Every calculator exposes its formula as a useful financial summary. */
.workspace>footer{align-items:stretch}.workspace>footer>.calculation-summary{flex:1 1 auto;min-width:0;max-width:760px;padding:13px 16px;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:var(--control);background:var(--surface);display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px}.calculation-summary-icon{width:38px;height:38px;border:1px solid color-mix(in srgb,var(--green) 28%,var(--line));border-radius:var(--control);background:var(--paper);color:var(--green);display:grid;place-items:center}.calculation-summary-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.calculation-summary>div{min-width:0}.calculation-summary>div>span{display:block;margin-bottom:3px;color:var(--green);font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.workspace>footer .calculation-summary p{margin:0;color:var(--ink);font-size:.94rem;font-weight:700;line-height:1.45;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.workspace>footer>div:last-child{flex:0 0 auto;display:flex;align-items:center;gap:10px}

@media(max-width:640px){
  html.period-select-open,html.period-select-open body{overflow:hidden}
  .custom-select-trigger{height:50px;padding-inline:12px;font-size:16px}
  .custom-select.open::before{content:"";position:fixed;inset:0;z-index:89;background:rgba(7,17,31,.46);backdrop-filter:blur(2px)}
  .custom-select-menu,.custom-select.is-year .custom-select-menu,.custom-select.drop-up .custom-select-menu{position:fixed;inset:auto 12px;top:50%;top:50dvh;bottom:auto;z-index:90;width:auto;max-width:none;max-height:min(76vh,560px);max-height:min(76dvh,560px);padding:10px;border-radius:6px;box-shadow:0 24px 60px rgba(7,17,31,.35);transform:translateY(-50%)}
  .custom-select-menu-head{min-height:48px;padding:2px 4px 10px 8px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);color:var(--ink);font-size:1rem;text-transform:none}.custom-select-menu-head button{width:40px;height:40px;border:1px solid var(--line);border-radius:var(--control);background:transparent;color:var(--ink);font-size:1.55rem;line-height:1;cursor:pointer}
  .custom-select-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding-top:8px}.custom-select.is-year .custom-select-options{grid-template-columns:repeat(3,minmax(0,1fr))}.custom-select-option{min-height:46px;padding:9px;font-size:15px}
  .workspace>footer>.calculation-summary{max-width:none;min-height:7.75rem;margin-bottom:14px;padding:12px;grid-template-columns:36px minmax(0,1fr);gap:10px}.calculation-summary-icon{width:36px;height:36px}.workspace>footer .calculation-summary p{margin:0;font-size:.88rem}.workspace>footer>div:last-child{display:grid;grid-template-columns:1fr 1fr}
  .history-result>div{height:9.5rem;min-height:9.5rem;max-height:9.5rem;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
  .history-result>div>strong{align-self:center}
}

/* Final visual QA: tighter mobile hierarchy and predictable historical tables. */
.table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}

/* Search trust, direct answers and installable-app affordance. */
.hero-answer{max-width:610px;margin:22px 0 0;padding:13px 15px;border-left:3px solid var(--green);background:var(--surface);color:var(--ink-soft);font-size:.86rem;line-height:1.55}.hero-answer strong{color:var(--ink)}
.site-breadcrumb{padding-top:24px;padding-bottom:0}.tool-page>.site-breadcrumb{padding-top:0;margin-bottom:20px}.site-breadcrumb a,.site-breadcrumb b{font-size:.78rem}
.install-app[hidden],.mobile-install[hidden],.install-native[hidden]{display:none!important}.install-app{width:max-content;min-height:42px;margin-top:18px;padding:0 14px;border:1px solid #3c526c;border-radius:var(--control);background:#10233b;color:#fff;display:inline-flex;align-items:center;gap:9px;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer}.install-app:hover{border-color:#fff}.install-app svg,.mobile-install svg,.install-native svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mobile-install{min-height:46px;margin-top:10px;padding:0 12px;border:1px solid var(--line);border-radius:var(--control);background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;gap:9px;font:inherit;font-weight:800;cursor:pointer}
.install-dialog{width:min(470px,calc(100% - 28px));max-width:none;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);box-shadow:0 24px 70px rgba(7,17,31,.3)}.install-dialog::backdrop{background:rgba(7,17,31,.58);backdrop-filter:blur(3px)}.install-dialog-head{min-height:78px;padding:14px 16px 14px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.install-dialog-mark .brand{font-size:1.05rem}.install-dialog-mark .brand-mark{width:38px;height:38px}.install-dialog-head>button{width:44px;height:44px;border:1px solid var(--line);border-radius:var(--control);background:transparent;color:var(--ink);display:grid;place-items:center;font:inherit;font-size:1.65rem;line-height:1;cursor:pointer}.install-dialog-head>button:hover,.install-dialog-head>button:focus-visible{border-color:var(--green);color:var(--green);outline:0}.install-dialog-body{padding:25px 28px 28px}.install-dialog-body h2{margin:8px 0 10px;font-size:1.65rem}.install-dialog-body>p{margin:0;color:var(--ink-soft);line-height:1.6}.install-dialog-body ol{margin:20px 0 0;padding:0;list-style:none;counter-reset:install-step;display:grid;gap:10px}.install-dialog-body li{counter-increment:install-step;min-height:42px;padding-left:52px;position:relative;color:var(--ink-soft);line-height:1.5}.install-dialog-body li::before{content:counter(install-step);position:absolute;left:0;top:-3px;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--green);display:grid;place-items:center;font-weight:900}.install-native{width:100%;margin-top:22px;display:flex;align-items:center;justify-content:center;gap:9px}
:root[data-theme="dark"] .install-dialog{background:#0d192a}:root[data-theme="dark"] .mobile-install{background:#10233b}:root[data-theme="dark"] .install-dialog-body li::before{background:#101e31}
.direct-answer{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:54px;align-items:center;padding-top:54px;padding-bottom:44px}.direct-answer h2{margin:9px 0 14px;font-size:clamp(1.8rem,3vw,2.8rem)}.direct-answer p{max-width:780px;color:var(--ink-soft);line-height:1.7}.direct-answer aside{padding:24px;border-left:3px solid var(--green);background:var(--surface);display:grid;gap:7px}.direct-answer aside span,.direct-answer aside small{color:var(--ink-soft)}.direct-answer aside strong{font-size:1.65rem;font-variant-numeric:tabular-nums}.one-utm-calculator{padding-bottom:48px}.one-utm-calculator .utm-console{border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:var(--paper)}.compact-reference-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.trust-page{padding-bottom:72px}.trust-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:72px;align-items:start;padding-top:46px}.trust-layout>article{display:grid;gap:38px}.trust-layout>article section+section{padding-top:34px;border-top:1px solid var(--line)}.trust-layout h2{margin:0 0 15px;font-size:1.55rem}.trust-layout p{max-width:800px;color:var(--ink-soft);line-height:1.75}.trust-layout aside{position:sticky;top:118px;padding:25px;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:var(--radius);background:var(--surface);display:grid;gap:10px}.trust-layout aside h2{margin:3px 0}.trust-layout aside strong{color:var(--green);font-size:2rem;font-variant-numeric:tabular-nums}.trust-layout aside p{margin:0}.trust-layout aside a{margin-top:8px;color:var(--green);font-weight:800}
@media(max-width:980px){
  .page-hero>.shell{gap:26px}
  .direct-answer,.trust-layout{grid-template-columns:1fr;gap:28px}.trust-layout aside{position:static}.compact-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .page-hero>.shell{gap:20px}
  .page-hero aside{padding-top:16px}
  .hero-answer{margin-top:18px;padding:11px 12px;font-size:.79rem}.site-breadcrumb{padding-top:18px;overflow-x:auto;white-space:nowrap}.tool-page>.site-breadcrumb{margin-bottom:14px}.direct-answer{padding-top:38px;padding-bottom:30px}.direct-answer aside{padding:18px}.one-utm-calculator{padding-bottom:34px}.one-utm-calculator .utm-console{padding:18px}.compact-reference-grid{grid-template-columns:1fr}.trust-page{padding-bottom:50px}.trust-layout{padding-top:34px}.trust-layout>article{gap:30px}.trust-layout>article section+section{padding-top:28px}.trust-layout aside{padding:19px}.install-app{min-height:44px}.install-dialog-head{min-height:70px;padding:11px 12px 11px 16px}.install-dialog-body{padding:21px 20px 23px}.install-dialog-body h2{font-size:1.4rem}.install-dialog-body li{padding-left:47px;font-size:.9rem}
}

@media(prefers-reduced-motion:reduce){
  .status-bar .live-dot::after,.console-note .live-dot::after,.source-line .live-dot::after{animation:none}
  .converter-row .money-field,.workspace-results article,.swap-button svg{transition:none}
  .swap-button:hover svg{transform:none}
}

/* V22: useful editorial depth and a fast, stable app-like navigation layer. */
html{scrollbar-gutter:stable}
button,a,select{touch-action:manipulation}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.14s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}

.interpretation-section{background:var(--surface);border-block:1px solid var(--line)}
.interpretation-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.55fr);gap:64px;align-items:start}
.interpretation-layout>header h2{margin:9px 0 15px;font-size:clamp(1.8rem,3vw,2.65rem)}
.interpretation-layout>header p{max-width:610px;color:var(--ink-soft);line-height:1.7}
.interpretation-layout>header .text-link{display:inline-block;margin-top:17px}
.interpretation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.interpretation-grid article{min-width:0;min-height:230px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}
.interpretation-grid article>span{color:var(--green);font-size:.7rem;font-weight:900;letter-spacing:.08em}
.interpretation-grid h3{margin:35px 0 10px;font-size:1.08rem}
.interpretation-grid p{margin:0;color:var(--ink-soft);font-size:.9rem;line-height:1.62}

.calculator-reading .reading-lead,.reading-grid .reading-lead{margin:18px 0;color:var(--ink);font-size:1.05rem;line-height:1.72}
.official-source{display:inline-flex;margin-top:18px;color:var(--green);font-size:.86rem;font-weight:850}
.directory-support>.shell,.guide-formula>.shell{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.5fr);gap:60px;align-items:start}
.directory-support header h2,.guide-formula header h2{margin:9px 0 14px;font-size:clamp(1.75rem,3vw,2.55rem)}
.directory-support header p,.guide-formula header p{color:var(--ink-soft);line-height:1.68}
.directory-support>.shell>div,.guide-formula>.shell>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.directory-support article,.guide-formula article{min-width:0;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}
.directory-support article>span,.guide-formula article>span{color:var(--green);font-size:.7rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.directory-support h3{margin:26px 0 9px;font-size:1.04rem}
.directory-support article p,.guide-formula article p{margin:0;color:var(--ink-soft);font-size:.88rem;line-height:1.6}
.guide-formula>.shell>div{grid-template-columns:repeat(2,minmax(0,1fr))}
.guide-formula article{min-height:190px;display:grid;align-content:space-between;gap:10px}
.guide-formula article strong{font-size:1.35rem;font-variant-numeric:tabular-nums}
.guide-formula article b{color:var(--green);font-size:1.7rem;font-variant-numeric:tabular-nums}

.reference-section,.interpretation-section,.soft-section,.faq-section,.reading-grid,.directory-support,.guide-formula{content-visibility:auto;contain-intrinsic-size:auto 720px}

@media(max-width:980px){
  .interpretation-layout,.directory-support>.shell,.guide-formula>.shell{grid-template-columns:1fr;gap:32px}
}

@media(max-width:640px){
  .interpretation-grid,.directory-support>.shell>div{grid-template-columns:1fr}
  .interpretation-grid article{min-height:0;padding:19px}
  .interpretation-grid h3{margin-top:17px}
  .directory-support article,.guide-formula article{padding:19px}
  .guide-formula>.shell>div{grid-template-columns:1fr}
  .guide-formula article{min-height:150px}
}

@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation-duration:.01ms}
}

/* V23: the historical archive reads like a financial timeline, not a flat data dump. */
.history-dashboard{padding-top:52px;content-visibility:auto;contain-intrinsic-size:auto 610px}
.history-dashboard-grid{display:grid;grid-template-columns:minmax(320px,.76fr) minmax(0,1.24fr);gap:28px;align-items:stretch}
.history-dashboard-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.history-dashboard-stats article{min-width:0;min-height:126px;padding:19px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);display:grid;align-content:space-between;gap:10px}
.history-dashboard-stats span,.history-dashboard-stats small{color:var(--ink-soft)}
.history-dashboard-stats span{font-size:.76rem;font-weight:800}
.history-dashboard-stats strong{font-size:1.45rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.history-dashboard-stats small{font-size:.72rem}
.history-trend{min-width:0;margin:0;padding:20px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.history-trend figcaption{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:10px}
.history-trend figcaption span{color:var(--ink-soft);font-size:.7rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.history-trend figcaption strong{font-size:.92rem;font-variant-numeric:tabular-nums}
.history-trend svg{display:block;width:100%;height:190px;overflow:visible}
.trend-grid line{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}
.trend-line{fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.history-trend circle{fill:var(--paper);stroke:var(--green);stroke-width:3;vector-effect:non-scaling-stroke}
.history-trend circle.current{fill:var(--gold);stroke:var(--ink)}
.trend-axis{display:flex;justify-content:space-between;color:var(--ink-soft);font-size:.72rem}
.publication-note{margin:24px 0 0;padding:14px 16px;border-left:3px solid var(--gold);background:var(--surface);color:var(--ink-soft);line-height:1.6}
.publication-note strong{color:var(--ink)}
.history-current-table{padding-top:42px}
.period-status{display:inline-flex;margin-left:9px;padding:3px 6px;border:1px solid var(--line);border-radius:var(--control);font-size:.61rem;font-weight:850;line-height:1.2;text-transform:uppercase;vertical-align:middle}
.period-status.current{border-color:color-mix(in srgb,var(--green) 42%,var(--line));background:var(--green-soft);color:var(--green)}
.period-status.future{color:var(--ink-soft)}

@media(max-width:980px){
  .history-dashboard-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
  .history-dashboard{padding-top:40px}
  .history-dashboard-stats{grid-template-columns:1fr 1fr}
  .history-dashboard-stats article{min-height:108px;padding:14px}
  .history-dashboard-stats span{font-size:.69rem}.history-dashboard-stats strong{font-size:1.1rem}.history-dashboard-stats small{font-size:.66rem}
  .history-trend{padding:16px}
  .history-trend figcaption{display:grid;gap:4px}
  .history-trend svg{height:150px}
  .history-current-table{padding-top:34px}
  .period-status{display:block;width:max-content;margin:5px 0 0}
}

/* V24: compact editorial hierarchy and stable news cards. */
.news-index-hero{padding:46px 0}
.news-index-hero>.shell{align-items:center}
.news-index-hero h1{max-width:900px;font-size:clamp(2.65rem,4.25vw,4.35rem);line-height:1.02}
.news-index-hero p{max-width:760px}
.news-index .site-breadcrumb{margin-bottom:0;padding-top:24px;padding-bottom:0}
.news-index>.section{padding-top:38px}
.news-index .section-heading{margin-bottom:28px}
.news-index .section-heading h2{font-size:clamp(1.85rem,2.7vw,2.65rem)}
.news-index .section-heading>p{max-width:500px}
.news-card.featured{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr)}
.news-card-image{min-height:184px}
.news-card-image img{aspect-ratio:16/7}
.news-card>div{height:100%;display:flex;flex-direction:column;align-items:flex-start}
.news-card.featured h2{font-size:1.55rem}
.news-card footer{width:100%;margin-top:auto;padding-top:18px}
.news-card footer time{white-space:nowrap}
.news-card footer a{margin-left:auto;white-space:nowrap}
.news-aside small{display:block}
.news-aside a{display:block;width:max-content;margin-top:16px}

@media(max-width:640px){
  .news-index-hero{padding:32px 0}
  .news-index-hero h1{font-size:2.35rem}
  .news-index-hero aside{padding-top:15px}
  .news-index .site-breadcrumb{padding-top:18px}
  .news-index>.section{padding-top:28px}
  .news-index .section-heading{margin-bottom:22px}
  .news-card-image img{aspect-ratio:16/8}
  .news-card footer{flex-wrap:wrap;gap:7px 12px}
}

/* V35: monthly UTM notice, isolated from calculator and advertising flows. */
.newsletter-band{scroll-margin-top:112px;padding:66px 0;background:var(--navy);color:#fff;border-block:1px solid #273449}
.newsletter-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(420px,1.15fr);gap:74px;align-items:center}
.newsletter-copy{max-width:620px}
.newsletter-kicker{display:inline-flex;align-items:center;gap:9px;color:#9fdcc9;font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.newsletter-copy h2{margin:10px 0 13px;color:#fff;font-size:clamp(1.9rem,3vw,2.75rem)}
.newsletter-copy p{margin:0;color:#b9c7d8;line-height:1.7}
.newsletter-copy strong{color:#fff;font-variant-numeric:tabular-nums}
.newsletter-form{position:relative;min-width:0}
.newsletter-form>label:first-child{display:block;margin-bottom:8px;color:#dbe6f1;font-size:.76rem;font-weight:850;text-transform:uppercase}
.newsletter-control{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:58px;border:1px solid #43546a;border-radius:var(--control);background:#fff;overflow:hidden}
.newsletter-control:focus-within{border-color:#4bd5ad;box-shadow:0 0 0 3px rgba(75,213,173,.17)}
.newsletter-control input{width:100%;min-width:0;border:0;padding:0 17px;background:#fff;color:#07111f;font:inherit;font-size:1rem;outline:0}
.newsletter-control input::placeholder{color:#718096}
.newsletter-control button{min-width:190px;border:0;border-left:1px solid #43546a;padding:0 19px;background:#137a58;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-weight:850;cursor:pointer}
.newsletter-control button:hover{background:#0d684a}
.newsletter-control button:disabled{cursor:wait;opacity:.72}
.newsletter-control button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.newsletter-consent{display:flex;align-items:flex-start;gap:10px;margin-top:13px;color:#b9c7d8;font-size:.78rem;line-height:1.5;cursor:pointer}
.newsletter-consent input{width:18px;height:18px;flex:0 0 auto;margin:1px 0 0;accent-color:#38d0a5}
.newsletter-status{min-height:24px;margin:10px 0 0;color:#dbe6f1;font-size:.83rem;font-weight:750}
.newsletter-status[data-state="success"]{color:#6ce4bf}.newsletter-status[data-state="error"]{color:#ffb4b4}
.newsletter-form>small{display:block;color:#8497ad;font-size:.72rem}.newsletter-form>small a{color:#b9c7d8;text-decoration:underline;text-underline-offset:3px}
.newsletter-trap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.newsletter-form[data-state="success"] .newsletter-control{border-color:#38d0a5}

@media(max-width:900px){
  .newsletter-layout{grid-template-columns:1fr;gap:30px}
  .newsletter-copy{max-width:720px}
}

@media(max-width:640px){
  .newsletter-band{scroll-margin-top:88px;padding:45px 0}
  .newsletter-layout{gap:25px}
  .newsletter-copy h2{font-size:1.75rem}
  .newsletter-control{grid-template-columns:1fr;overflow:visible;border:0;background:transparent;gap:10px}
  .newsletter-control input{height:54px;border:1px solid #43546a;border-radius:var(--control);padding:0 14px}
  .newsletter-control button{min-width:0;min-height:52px;border:0;border-radius:var(--control)}
  .newsletter-control:focus-within{border:0;box-shadow:none}
  .newsletter-control input:focus{border-color:#4bd5ad;box-shadow:0 0 0 3px rgba(75,213,173,.17)}
}

/* V37: document-first journeys, balanced education and natural ad breaks. */
.workspace-context{padding:13px 30px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;background:var(--surface)}
.workspace-context>span{color:var(--green);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.workspace-context>p{margin:0;color:var(--ink-soft);font-size:.88rem;line-height:1.5}
.task-router{padding-top:48px;padding-bottom:24px}
.task-router>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.task-router>div>a{min-height:210px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;background:var(--paper)}
.task-router>div>a>span,.task-router>div>a>b{color:var(--green);font-size:.72rem;font-weight:900}
.task-router>div>a h3{margin:28px 0 9px;font-size:1.08rem;line-height:1.25}
.task-router>div>a p{margin:0 0 18px;color:var(--ink-soft);font-size:.86rem;line-height:1.58}
.task-router>div>a b{margin-top:auto}
.task-router>div>a:hover,.task-router>div>a:focus-visible{background:var(--surface);outline:0;box-shadow:inset 0 3px 0 var(--green)}
.public-value>.shell{display:block}
.public-value-grid,.balanced-guide>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.public-value-grid article,.balanced-guide article{min-height:220px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}
.public-value-grid article>span{color:var(--green);font-size:.72rem;font-weight:900}
.public-value-grid h3,.balanced-guide h3{margin:28px 0 10px;font-size:1.1rem;line-height:1.3}
.public-value-grid p,.balanced-guide p{margin:0;color:var(--ink-soft);font-size:.9rem;line-height:1.65}
.balanced-guide{padding-top:54px;padding-bottom:54px}
.balanced-guide article{min-height:190px}

@media(max-width:980px){
  .task-router>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .public-value-grid,.balanced-guide>div{grid-template-columns:1fr}
  .public-value-grid article,.balanced-guide article{min-height:0}
}

@media(max-width:640px){
  .workspace-context{padding:12px 18px;grid-template-columns:1fr;gap:4px}
  .workspace-context>span{white-space:normal}
  .task-router{padding-top:34px}
  .task-router>div{grid-template-columns:1fr}
  .task-router>div>a{min-height:0;padding:19px}
  .task-router>div>a h3{margin-top:18px}
  .public-value-grid article,.balanced-guide article{padding:19px}
  .public-value-grid h3,.balanced-guide h3{margin-top:18px}
}

/* Keep the result value and its currency label in independent, stable columns. */
.result-field>div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:10px;
  width:100%;
}
.result-field>div>strong{display:block;width:100%;min-width:0}
.result-field small{justify-self:end;white-space:nowrap}
[data-auto-fit="scaled"]{text-overflow:clip!important}

/* Large text needs the compact navigation and stacked hero slightly earlier. */
@media(min-width:641px) and (max-width:1100px){
  .hero-grid{grid-template-columns:1fr;min-height:0}
  .hero-value{min-height:0;padding:36px 0 28px;border-right:0}
  .hero-value h1{font-size:clamp(2.9rem,6vw,3.55rem);white-space:normal}
  .hero-copy{max-width:680px}
  .hero .utm-console{width:100%;margin:0 0 30px;padding:24px;border:1px solid var(--line);background:var(--surface)}
  .hero-ad-zone{margin:0 0 28px}
}

/* .hero-task-column es una columna flex, asi que su eje cruzado es horizontal
   y align-self decide el ancho. El conversor era el unico hijo con
   align-self:start: se encogia al contenido (690px) mientras la zona del
   anuncio, en stretch, usaba los 762px disponibles. El conversor cerraba 73px
   antes que su propio anuncio. Con stretch los dos cierran en el mismo borde.
   No toca la columna (792px) ni el slot (761x90 horizontal, alto reservado 90px).
   Solo >=1101px: bajo eso el hero es de una columna y ya usa width:100%. */
@media(min-width:1101px){
  .hero .utm-console{align-self:stretch}
}

/* === Conversor apilado en movil (portado de valor-uf-next) — <=600px ==============
   El conversor lado-a-lado dejaba campos de ~107px con fuente 18/15px: apretado e
   ilegible para adulto mayor. Apilado a ancho completo: cifras grandes y comodas,
   boton de intercambio cosido a la costura (una sola pieza con linea divisoria).
   UTM no reordena al hacer swap (input siempre arriba), no hay estado invertido.
   Solo diseno del conversor: markup y anuncios intactos. */
@media (max-width:600px){
  #conversor .converter-row{grid-template-columns:1fr;gap:0;align-items:stretch}
  #conversor .money-field{height:132px;min-height:132px;max-height:132px;background:var(--paper)}
  #conversor .money-field>span,#conversor .money-field>div{flex-shrink:0}
  #conversor .money-field>div{display:grid;grid-template-columns:minmax(0,1fr) 3rem;align-items:end;gap:10px;width:100%}
  #conversor .money-field input{width:100%}
  #conversor .money-field:not(.result-field)>div>strong,#conversor .result-field small{width:100%;justify-self:stretch;text-align:right}
  #conversor .money-field input{font-size:2.15rem}
  #conversor .result-field>div>strong{font-size:2.15rem}
  #conversor .converter-row>.money-field:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;padding:16px 18px 40px}
  #conversor .converter-row>.result-field{border-top-left-radius:0;border-top-right-radius:0;border-top:0;padding:40px 18px 16px}
  #conversor .swap-button{justify-self:center;align-self:center;z-index:3;width:52px;height:52px;margin:-26px auto;box-shadow:0 8px 20px rgba(7,17,31,.16),0 0 0 5px var(--paper)}
  #conversor .money-field input[data-fit="compact"]{font-size:1.45rem}
  #conversor .money-field input[data-fit="tight"]{font-size:1.05rem}
  #conversor .result-field>div>strong[data-fit="compact"]{font-size:1.45rem}
  #conversor .result-field>div>strong[data-fit="tight"]{font-size:1.02rem}
}

/* Sacar la caja del conversor en movil: sin borde ni fondo gris, integrado al
   fondo de la pagina (mas amplio y minimalista, como valor-uf). Solo diseno. */
@media (max-width:600px){
  #conversor{border:0;background:transparent;box-shadow:none;padding-left:2px;padding-right:2px}
}

/* El punto "en vivo" del console-note quedaba separado del texto en movil (flex con
   el punto a la izquierda y el texto centrado en 2 lineas). En bloque, el punto
   fluye pegado al inicio del texto y todo centra junto. */
@media (max-width:600px){
  #conversor .console-note{display:block}
}

/* === movil: conversor arriba, hero limpio (SEO intacto) =======================
   Misma tecnica que valor-uf v0.7.0: en telefono el conversor sube justo debajo
   del valor. El texto NO se esconde -- sigue en el DOM y Googlebot lo lee
   server-side -- solo BAJA en pantalla via order. display:contents aplana
   .hero-value para intercalar el conversor (.hero-task-column) entre la
   descripcion y el detalle, sin tocar el HTML. La descripcion (hero-copy) queda
   ARRIBA como puente entre el valor y el conversor; la variacion, la "respuesta
   rapida" y la fuente bajan DEBAJO. El anuncio portada-principal viaja dentro de
   hero-task-column, asi que sigue pegado bajo el conversor (su posicion de spec).
   En tablet (>640px) el orden queda como estaba. */
@media (max-width:640px){
  .hero-grid{display:flex;flex-direction:column;gap:0;min-height:0;padding:34px 0 30px}
  .hero-grid>.hero-value{display:contents}
  .hero-grid>.hero-value>.eyebrow{order:1}
  .hero-grid>.hero-value>h1{order:2}
  .hero-grid>.hero-value>.value-heading-row{order:3}
  .hero-grid>.hero-value>.current-value{order:4}
  .hero-grid>.hero-value>.value-unit{order:5}
  /* La variacion (+$143 / % respecto al mes) va pegada al valor, como su
     leyenda natural; antes caia al fondo bajo el anuncio y se veia perdida. */
  .hero-grid>.hero-value>.variation{order:6;margin-top:14px}
  .hero-grid>.hero-value>.hero-copy{order:7;margin:18px 0 0}
  .hero-grid>.hero-task-column{order:8;margin-top:20px}
  .hero-grid>.hero-value>.hero-answer{order:9}
  .hero-grid>.hero-value>.source-line{order:10;margin-top:22px}
  /* El conversor pierde el borde superior de seccion (ya no encabeza el hero) y
     se integra sin padding vertical propio; sus tarjetas internas conservan su
     caja. */
  .hero .utm-console{border-top:0;padding:0}
}