/* ADVANS Aprende and the Criterio bond sample. Deliberately scoped to these components. */
.learning-page-v5{color:#232529;background:#fff}
.learning-intro-v5{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:34px 0 26px;border-bottom:3px solid #232529;background:#fff}
.learning-intro-v5 h1{font-size:clamp(34px,3.5vw,52px);max-width:860px;line-height:1.06;margin:9px 0 13px;letter-spacing:-.045em}
.learning-intro-v5 p{font-size:17px;margin:0;max-width:770px;color:#52565f;line-height:1.45}
.learning-intro-v5 .eyebrow{font-size:11px;color:#03062a;letter-spacing:.12em}
.learning-intro-link{flex-shrink:0;font-size:13px;font-weight:700;white-space:nowrap;padding-bottom:5px;border-bottom:1px solid #232529}
.learning-intro-link span{margin-left:10px;font-size:19px}
.learning-grid-v5{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:27px 0 26px;align-items:stretch}
.learning-card-v5{min-width:0;display:flex;flex-direction:column;border:0;background:#fff;scroll-margin-top:30px}
.learning-photo-v5{display:block;width:100%;aspect-ratio:3/2;overflow:hidden;background:#fff}
.learning-photo-v5 img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;aspect-ratio:3/2;max-height:none;margin:0;transition:filter .2s ease}
.learning-photo-v5:hover img{filter:brightness(.96)}
.learning-card-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:15px 0 0}
.learning-card-copy .eyebrow{font-size:10px;color:#b91f26;letter-spacing:.1em;margin:0 0 9px;line-height:1.3}
.learning-card-copy h2{font-size:clamp(23px,2.05vw,30px);line-height:1.12;letter-spacing:-.04em;margin:0 0 10px;min-height:2.24em}
.learning-card-copy>p:not(.eyebrow){font-size:14px;line-height:1.5;color:#555962;margin:0 0 15px;max-width:40ch}
.learning-action-v5{display:inline-block;color:#03062a;font-size:13px;font-weight:750;line-height:1.5;margin-top:auto;border-bottom:1px solid #03062a;padding-bottom:2px}
.learning-card-copy small{font-size:10px;color:#555962;margin-top:9px;line-height:1.5}
.learning-card-v5 .photo-credit{font-size:9px;line-height:1.5;color:#696d76;margin:10px 0 0;padding:0}
.learning-card-v5 .photo-credit a{text-decoration:underline;text-underline-offset:2px}
.learning-real-case{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;background:#fff;border-top:1px solid #babcc2;border-bottom:1px solid #babcc2;padding:25px 0;margin:6px 0 0}
.learning-real-case h2{font-size:28px;margin:6px 0 8px;line-height:1.15}
.learning-real-case p:not(.eyebrow){font-size:15px;line-height:1.5;max-width:68ch;margin:0;color:#555962}
.learning-real-case .eyebrow,.learning-case-v5 .eyebrow{font-size:10px;color:#b91f26;letter-spacing:.1em}
.learning-real-case .btn.brand{background:#03062a;border-color:#03062a;font-size:12px;padding:13px 16px}
.learning-case-v5{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;padding:29px 0 10px;background:#fff}
.learning-case-v5 h2{font-size:34px;line-height:1.1;margin:9px 0 12px}
.learning-case-v5 p{font-size:14px;line-height:1.55;color:#555962;max-width:52ch}
.learning-case-v5 .textlink{font-size:13px}
.learning-case-data{min-width:0;background:#fff}
.learning-case-label{font-size:10px;font-weight:800;letter-spacing:.1em;color:#03062a}
.learning-case-data .tablewrap{margin:9px 0 0;border:0;background:#fff}
.learning-case-data table{width:100%;border-collapse:collapse;font-size:13px;min-width:0}
.learning-case-data th,.learning-case-data td{padding:10px 12px;background:#fff;border:0;border-bottom:1px solid #d9dade}
.learning-case-data th{font-weight:650;font-size:11px;color:#626772}
.learning-case-data th:first-child,.learning-case-data td:first-child{padding-left:0;text-align:left}
.learning-case-data th:not(:first-child),.learning-case-data td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}
.learning-case-data .cash-result td{border-top:2px solid #232529;font-weight:750;color:#03062a}
.learning-case-data .cash-result td:last-child{color:#c82332}
.learning-case-data .fine{font-size:10px;max-width:none;margin:10px 0 0;line-height:1.55}
/* Calculator: white workbench, navy results and semantic red/green. */
.bond-intro{max-width:780px;margin-bottom:22px!important}
.bond-tool-v5{--bond-ink:#03062a;--bond-red:#c92335;--bond-green:#146d4c;--bond-line:#d8d9dd;border:1px solid var(--bond-line);border-top:4px solid var(--bond-red);background:#fff;color:#232529;margin:20px 0 35px;overflow:hidden}
.bond-tool-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 28px;border-bottom:1px solid var(--bond-line);background:#fff}
.bond-tool-heading .eyebrow{font-size:10px;letter-spacing:.11em;color:var(--bond-red);margin:0 0 8px}
.bond-tool-heading h3{font-size:25px;line-height:1.12;margin:0;letter-spacing:-.035em}
.bond-reset{flex-shrink:0;border:0;border-bottom:1px solid #b6b8c0;background:#fff;color:#4b505c;padding:6px 0;font-size:11px;line-height:1.4}
.bond-workspace{display:grid;grid-template-columns:1.07fr 1fr}
.bond-controls{min-width:0;padding:27px 28px 24px;background:#fff}
.bond-controls h4{font-size:18px;color:var(--bond-ink);margin:0 0 23px}
.bond-inputs{display:grid;grid-template-columns:1.1fr 1fr;gap:19px}
.bond-inputs label{font-size:12px;color:#4d525d;line-height:1.4;display:block}
.bond-number{display:flex;align-items:center;gap:8px;margin-top:9px;border:1px solid #b9bdc7;border-radius:3px;padding:12px 13px;min-width:0;background:#fff;color:var(--bond-ink)}
.bond-number:focus-within{outline:2px solid var(--bond-ink);outline-offset:2px}
.bond-number>span{font-size:11px;white-space:nowrap}
.bond-number input{display:block;border:0;outline:none!important;width:100%;min-width:0;padding:0;color:var(--bond-ink);background:#fff;font-size:22px;line-height:1.2;font-weight:750;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}
.bond-number input::-webkit-inner-spin-button,.bond-yield-value input::-webkit-inner-spin-button{appearance:none;margin:0}
.bond-inputs [aria-invalid=true]{color:var(--bond-red)}
.bond-yield-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:27px 0 12px;font-size:13px;font-weight:650;color:var(--bond-ink)}
.bond-yield-value{display:inline-flex;align-items:center;border:1px solid #b9bdc7;border-radius:3px;padding:5px 10px;gap:6px;font-size:11px}
.bond-yield-value input{width:59px;border:0;outline:none;background:#fff;color:var(--bond-ink);font-size:18px;font-weight:750;text-align:right;appearance:textfield;-moz-appearance:textfield}
.bond-yield-value:focus-within{outline:2px solid var(--bond-ink);outline-offset:2px}
.bond-tool-v5 input[type=range]{--range-value:62.5%;appearance:none;display:block;width:100%;height:5px;margin:22px 0 0;background:linear-gradient(to right,#1c825b 0 50%,#d33041 50% 100%);border-radius:4px;border:0;padding:0;cursor:pointer;accent-color:var(--bond-ink)}
.bond-tool-v5 input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:5px solid var(--bond-ink);box-shadow:0 0 0 2px #fff}
.bond-tool-v5 input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#fff;border:5px solid var(--bond-ink);box-shadow:0 0 0 2px #fff}
.bond-range-labels{display:flex;justify-content:space-between;font-size:10px;color:#686d78;margin:13px 0 0;font-variant-numeric:tabular-nums}
.bond-help{font-size:10px;color:#686d78;margin:12px 0 0;line-height:1.4}
.bond-presets{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.bond-presets button{border:1px solid #b9bdc7;background:#fff;color:#03062a;border-radius:3px;font-size:11px;font-weight:650;padding:8px 10px;min-height:35px}
.bond-presets button:hover{border-color:#03062a}
.bond-presets button[aria-pressed=true]{background:#03062a;border-color:#03062a;color:#fff}
.bond-input-limits{font-size:10px;line-height:1.5;color:#71757f;margin:18px 0 0}
.bond-error{font-size:12px;color:#b7202f;border-left:3px solid #c92335;padding-left:10px;margin:13px 0 0;line-height:1.5}
.bond-error[hidden]{display:none}
.bond-result{background:#03062a;color:#fff;padding:29px 31px 22px;display:flex;flex-direction:column;min-width:0;--result-color:#ff808b}
.bond-result .eyebrow{color:#c9c9d8;font-size:10px;letter-spacing:.11em;margin:0 0 11px}
.bond-result[data-state=positive]{--result-color:#83e3b6}
.bond-result[data-state=neutral]{--result-color:#fff}
.bond-result[data-state=invalid]{--result-color:#c9c9d8}
.bond-result-main output{display:block;font-size:clamp(48px,5.1vw,75px);font-weight:800;letter-spacing:-.065em;line-height:1.05;color:var(--result-color);font-variant-numeric:tabular-nums}
.bond-result-main p{font-size:12px;line-height:1.4;color:#d6d6e2;margin:10px 0 20px;min-height:2.8em;max-width:43ch}
.bond-value-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid #fff3;padding-top:17px}
.bond-value-row span{font-size:10px;color:#b5b6c8;display:block;margin-bottom:7px}
.bond-value-row strong{font-size:21px;font-weight:750;letter-spacing:-.03em;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.bond-value-row>div:last-child strong{color:var(--result-color)}
.bond-chart{margin-top:auto;padding-top:14px;color:#b5b6c8;min-width:0}
.bond-chart svg{display:block;width:100%;height:92px;overflow:visible}
.bond-zero-line{stroke:#ffffff35;stroke-width:1;stroke-dasharray:3 5}
.bond-scenario-line{fill:none;stroke:#c9cbd9;stroke-width:2.5}
#bond-current-dot{fill:var(--result-color);stroke:#03062a;stroke-width:3}
.bond-chart>div{display:flex;justify-content:space-between;gap:15px;font-size:9px}
.bond-result[data-state=invalid] .bond-chart{visibility:hidden}
.bond-method{padding:18px 28px;border:0!important;border-top:1px solid var(--bond-line)!important;background:#fff;margin:0!important}
.bond-method summary{font-size:12px;font-weight:750;color:#03062a;cursor:pointer}
.bond-method p{font-size:11px;color:#616671;line-height:1.55;max-width:100ch;margin:9px 0 0}
.bond-method .bond-formula{font-size:14px;font-weight:650;color:#03062a;letter-spacing:-.015em}
.bond-tool-v5 .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.learning-intro-v5{gap:22px}.learning-intro-link{display:none}.learning-grid-v5{gap:20px}.learning-card-copy h2{font-size:24px}.learning-real-case{grid-template-columns:1fr;gap:17px}.learning-real-case .btn{justify-self:start}.learning-case-v5{gap:28px}.bond-tool-heading{padding:20px}.bond-controls{padding:24px 20px}.bond-result{padding:26px 22px}.bond-inputs{gap:12px}.bond-number{padding:11px}.bond-value-row strong{font-size:18px}.bond-presets{gap:5px}.bond-presets button{font-size:10px;padding:8px}}
@media(max-width:700px){.learning-intro-v5{padding:25px 0 20px}.learning-intro-v5 h1{font-size:36px}.learning-intro-v5 p{font-size:15px}.learning-grid-v5{grid-template-columns:1fr;gap:25px;padding-top:22px}.learning-card-copy h2{font-size:28px;min-height:0}.learning-card-copy>p:not(.eyebrow){max-width:none}.learning-card-copy .eyebrow{font-size:10px}.learning-card-copy{padding-top:13px}.learning-card-copy small{margin-top:8px}.learning-photo-v5{aspect-ratio:3/2}.learning-case-v5{grid-template-columns:1fr;gap:23px;padding-top:26px}.learning-case-v5 h2{font-size:31px}.learning-real-case h2{font-size:27px}.learning-real-case{padding:22px 0}.learning-case-data th,.learning-case-data td{font-size:12px;padding:10px 6px}.bond-workspace{grid-template-columns:1fr}.bond-tool-heading{align-items:flex-start;gap:15px;padding:20px}.bond-tool-heading h3{font-size:23px}.bond-reset{max-width:96px;text-align:right;font-size:10px}.bond-controls{padding:23px 20px}.bond-result{padding:25px 23px 20px}.bond-result-main output{font-size:65px}.bond-result-main p{min-height:0}.bond-value-row strong{font-size:23px}.bond-chart svg{height:100px}.bond-method{padding:19px 20px}.bond-inputs{grid-template-columns:1fr 1fr;gap:14px}.bond-presets button{font-size:11px;padding:9px 10px}.bond-intro{font-size:15px!important}}
@media(prefers-reduced-motion:reduce){.learning-photo-v5 img{transition:none}}