/* Approved first-result and optional-document flow. Small-screen defaults. */
.ib-supplement-shell{max-width:640px;margin-inline:auto;color:#0c1d38}
.ib-preserved-result{display:flex;align-items:center;gap:10px;margin:0;padding:11px 14px;border-radius:12px;background:#e6f5ee;color:#164b45;font-size:12px;line-height:1.5}
.ib-preserved-result svg{width:18px;height:18px;fill:#359b82;flex:none}
.ib-preserved-result svg path{fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ib-supplement-back{display:inline-flex;align-items:center;gap:9px;color:#586d87;margin-block:17px 23px;font-size:12px}
.ib-supplement-back>span{font-size:21px;line-height:1}
.ib-supplement-heading{margin-bottom:24px}
.ib-supplement-heading h1{font-size:clamp(27px,4.8vw,39px);font-weight:750;letter-spacing:-.055em;line-height:1.1}
.ib-supplement-heading>p{font-size:14px;color:#607391;line-height:1.6;margin-top:11px}
.ib-supplement-shell--upload .ib-supplement-heading{text-align:center}
.ib-supplement-panel{border:1px solid #e6e8ea;border-radius:23px;background:#fff;padding:23px 16px;box-shadow:0 10px 35px #14233e07;min-width:0}
.ib-supplement-doodle{display:block;width:126px;height:95px;margin:0 auto 17px;color:#152747}
.ib-supplement-document{font-size:13px;line-height:1.5;color:#142642;margin-bottom:18px;text-wrap:balance}
.ib-supplement-panel .ib-dropzone{border-color:#b9aaff;background:#f6f3ff;padding:26px 14px;border-radius:19px;gap:0;min-height:190px}
.ib-supplement-panel .ib-dropzone.is-dragging,.ib-supplement-panel .ib-dropzone:focus-within{background:#efe9ff;border-color:#7965ca}
.ib-supplement-panel .ib-pick-pill{min-width:0;max-width:100%;width:100%;padding:14px 20px;background:#0a1c35;font-size:15px}
.ib-supplement-panel .ib-dropzone .ib-small{font-size:11px;margin-top:13px;color:#526888}
.ib-supplement-panel .ib-drop-hint{font-size:12px;margin-top:13px}
.ib-supplement-footnote{color:#586d8b;font-size:11px;margin-top:15px;line-height:1.5}
.ib-supplement-private{display:flex;justify-content:center;align-items:flex-start;gap:10px;text-align:left;color:#536784;font-size:12px;line-height:1.65;margin:23px auto}
.ib-supplement-private svg{width:18px;height:20px;margin-top:2px;color:#152747}
.ib-supplement-help{background:#fff;border:1px solid #e4e6ed;border-radius:17px;padding:0 18px;margin-top:25px}
.ib-supplement-help summary{font-size:13px;font-weight:450;gap:12px;padding-block:17px}
.ib-supplement-help>div{font-size:13px;color:#54657a;padding-bottom:20px}
.ib-supplement-continue{display:block;text-align:center;color:#344d70;font-size:12px;margin:15px 0;text-wrap:balance}
.ib-supplement-document-heading{display:flex;align-items:flex-start;gap:18px;justify-content:space-between;flex-wrap:wrap;margin-bottom:23px}
.ib-supplement-document-heading .ib-eyebrow{font-size:9px;letter-spacing:.07em;margin-bottom:8px;color:#354e73}
.ib-supplement-document-heading h2{font-size:21px;line-height:1.15;letter-spacing:-.04em;font-weight:650}
.ib-supplement-year{flex-direction:row;align-items:center;gap:9px;font-size:12px;color:#485e7d}
.ib-supplement-year input{width:100px;height:40px;font-size:14px}
.ib-supplement-field{display:grid;gap:9px;min-width:0;padding-block:13px}
.ib-supplement-field>label{font-size:13px;line-height:1.5;color:#314969}
.ib-supplement-field-value{min-width:0}
.ib-supplement-field-value input{font-size:16px;border-color:#dce1e9;border-radius:10px;color:#142642;height:46px}
.ib-supplement-field-value input::placeholder{font-size:12px}
.ib-supplement-field-value .ib-currency>span{top:10px;color:#3a4f6b;font-size:15px}
.ib-supplement-source{display:inline-flex;align-items:center;gap:6px;font-size:10px;line-height:1.5;padding:7px 9px;background:#e8f7f1;color:#20685e;border-radius:999px;width:fit-content;max-width:100%}
.ib-supplement-source svg{width:13px;height:13px;fill:#36a38b;flex:none}
.ib-supplement-source svg path{fill:none;stroke:white;stroke-width:1.2}
.ib-supplement-field-help{grid-column:1/-1;margin:0;color:#526986;font-size:11px;line-height:1.6}
.ib-supplement-field-help summary{display:flex;align-items:center;gap:4px;font-size:11px;cursor:pointer;list-style:none;width:fit-content;color:#506788;min-height:26px}
.ib-supplement-field-help summary::-webkit-details-marker{display:none}
.ib-supplement-field-help summary svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.6;transition:transform .2s var(--ib-ease)}
.ib-supplement-field-help[open] summary svg{transform:rotate(180deg)}
.ib-supplement-field-help:not([open])>summary svg{transform:none}
.ib-supplement-field-help p{padding:8px 10px;background:#f6f7fa;border-radius:9px}
.ib-supplement-income{display:grid;gap:10px;border-bottom:1px solid #e4e7ed;padding:15px 0 22px;color:#314969;font-size:13px}
.ib-supplement-income strong{font-size:18px;font-weight:550;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0;color:#142642}
.ib-supplement-source--return{background:#f3efff;color:#4e5f94}
.ib-supplement-source--return svg{width:13px;height:16px;fill:none}
.ib-supplement-source--return svg path{stroke:currentColor}
.ib-supplement-conditions{border:1px solid #e7e8eb;background:#fdfdfd;border-radius:14px;margin-top:21px;padding:0 13px}
.ib-supplement-conditions>summary{font-size:12px;padding-block:14px;gap:14px;line-height:1.5}
.ib-supplement-conditions>div{padding-bottom:16px;border-top:1px solid #ececf1}
.ib-supplement-conditions .ib-supplement-field+.ib-supplement-field{border-top:1px solid #eceef3}
.ib-supplement-conditions .ib-check{font-size:11px;line-height:1.6;color:#435774;gap:9px;margin-top:15px}
.ib-supplement-conditions input[type=checkbox],.ib-supplement-confirm input{accent-color:#102441}
.ib-supplement-condition-help{font-size:11px;color:#5d708b;line-height:1.6;margin-top:15px}
.ib-supplement-explanation{display:flex;align-items:flex-start;gap:10px;border-radius:14px;background:#f1edff;padding:15px 12px;margin-top:18px;color:#30436b;font-size:11px;line-height:1.6}
.ib-supplement-explanation svg{color:#7662ec;width:19px;height:19px;stroke:currentColor;stroke-width:1.5;flex:none;margin-top:2px}
.ib-supplement-explanation strong{display:block;font-weight:500;color:#1d3155}
.ib-supplement-confirm{color:#435a7e;font-size:11px;line-height:1.6;margin-top:19px}
.ib-supplement-review-panel>.ib-button{justify-content:center;gap:12px;font-size:13px;min-height:47px;margin-top:20px;background:#0a1c35}
.ib-supplement-later{display:block;text-align:center;font-size:13px;color:#314d79;text-decoration:none;padding-top:16px}
.ib-supplement-replace{display:block;width:fit-content;margin:19px auto 0;font-size:12px;color:#536a87;text-decoration:none}
.ib-supplement-options{margin-top:12px}
.ib-supplement-options>header{text-align:center;margin:0 auto 23px;max-width:660px}
.ib-supplement-connector{display:block;height:20px;width:1.5px;background:#17243c;transform:rotate(-2deg);margin:0 auto 17px;border-radius:999px}
.ib-supplement-options h2{font-size:clamp(21px,3.2vw,29px);color:#0b1c37;font-weight:700;line-height:1.2}
.ib-supplement-options>header p{font-size:12px;line-height:1.55;color:#536985;margin-top:9px;text-wrap:balance}
.ib-supplement-cards{display:grid;gap:12px}
.ib-supplement-card{display:grid;grid-template-columns:46px minmax(0,1fr);align-content:start;column-gap:11px;row-gap:13px;min-width:0;border:1px solid #e6e7eb;background:#fff;border-radius:19px;padding:17px 15px;box-shadow:0 8px 25px #17233e06;color:#0c1d38}
.ib-supplement-card--room{background:linear-gradient(125deg,#f8f5ff,#efebff);border-color:#dcd0ff}
.ib-supplement-card-doodle{width:46px;height:45px;align-self:start}
.ib-supplement-card-copy{min-width:0}
.ib-supplement-card h3{font-size:15px;line-height:1.25;font-weight:650;letter-spacing:-.03em;margin-top:1px}
.ib-supplement-card-copy>p{font-size:12px;line-height:1.55;color:#435b7a;margin-top:6px}
.ib-supplement-card-copy>small{display:block;font-size:10px;line-height:1.6;color:#5d6d83;margin-top:7px}
.ib-supplement-card-copy>.ib-supplement-forward{color:#626f99;margin-top:6px}
.ib-supplement-card>.ib-button{grid-column:1/-1;justify-content:center;font-size:12px;min-height:43px;padding:11px 16px;gap:12px;background:#0a1c35;width:100%;margin-top:auto}
.ib-supplement-card>.ib-text-button{grid-column:1/-1;min-width:0;width:100%;padding-block:10px 0;overflow-wrap:anywhere}
.ib-supplement-card>.ib-button:hover,.ib-supplement-review-panel>.ib-button:hover{background:#1e3553}
.ib-supplement-card-outcome{grid-column:1/-1;min-width:0;padding-top:2px}
.ib-supplement-state{display:block;grid-column:1/-1;color:#6b4e17;background:#fff2da;border-radius:9px;padding:7px 9px;font-size:10px;line-height:1.5;margin-top:0}
.ib-supplement-state.is-ready{background:#def4e9;color:#22634f}
.ib-supplement-card-outcome dl{margin:13px 0 0}
.ib-supplement-card-outcome dl>div+div{margin-top:10px}
.ib-supplement-card-outcome dt{font-size:11px;line-height:1.5;color:#53657d}
.ib-supplement-card-outcome dd{margin:2px 0 0;font-size:25px;font-weight:650;letter-spacing:-.035em;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ib-supplement-card-outcome>p{font-size:11px;color:#53657d;margin-top:11px;line-height:1.6}
.ib-supplement-card-details{margin-top:10px;border-color:#dedeea}
.ib-supplement-card-details summary{font-size:11px;padding-block:12px}
.ib-supplement-card-details>div{font-size:11px;color:#53657d;line-height:1.6;padding-bottom:8px}
.ib-supplement-card-details ul{margin:0;padding-left:16px}
.ib-supplement-card-details a{font-size:10px;overflow-wrap:anywhere;display:block}
.ib-first-heading{text-align:center;margin:3px auto 25px;max-width:840px}
.ib-first-heading h1{font-size:clamp(28px,4.5vw,48px);font-weight:750;color:#0b1c37;line-height:1.12;letter-spacing:-.055em}
.ib-first-heading .ib-lead{font-size:14px;margin:11px auto 0;color:#5c708c;text-wrap:balance}
.ib-first-result{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;max-width:850px;margin:0 auto;border:1px solid #d8e9e3;border-radius:21px;background:linear-gradient(125deg,#f8fdfa,#eef9f3);padding:23px 19px;color:#0c1d38}
.ib-first-result-icon{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#bdf1d8;color:#0b2541;align-self:start;box-shadow:0 5px 12px #8ac4ae20}
.ib-first-result-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ib-first-result h2{font-size:15px;line-height:1.35;font-weight:600;letter-spacing:-.025em}
.ib-first-result-amount{display:block;margin-top:5px;min-width:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ib-first-result-amount>strong{display:block;font-size:clamp(29px,5vw,44px);font-weight:750;letter-spacing:-.045em;line-height:1.2;margin-top:5px}
.ib-first-result-amount>.ib-percentage{width:fit-content;margin-top:10px;letter-spacing:0;font-size:11px;line-height:1.5}
.ib-first-result p{font-size:11px;color:#536a83;line-height:1.55;margin-top:7px}
.ib-first-result-detail{grid-column:1/-1;border-top:1px solid #d4e5df;padding-top:14px;text-align:center;min-width:0}
.ib-first-result-detail>p{margin-top:0;font-size:12px}
.ib-first-result-detail .ib-button{font-size:11px;min-height:39px;background:transparent;color:#12233e;border-color:#203453;justify-content:center;padding:9px 18px;margin-top:12px;gap:16px}
.ib-first-result-detail .ib-button:hover{background:#e2f3eb}
.ib-first-caption{max-width:850px;margin:12px auto 0;font-size:10px;line-height:1.6;color:#5b6d84;text-align:center;padding-inline:12px}
.ib-first-comparison{margin:0;display:grid;gap:9px}
.ib-first-comparison>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:3px 10px}
.ib-first-comparison dt{font-size:11px;color:#566b82}
.ib-first-comparison dd{font-size:16px;letter-spacing:-.03em;font-weight:600;line-height:1.3;margin:0;overflow-wrap:anywhere;max-width:100%;font-variant-numeric:tabular-nums}
.ib-original-result{padding:20px;border:1px solid #dce8e3;border-radius:15px;background:#f4faf6;margin-block:21px}
.ib-original-result h3{font-size:18px;margin-bottom:11px}
.ib-original-result p{font-size:12px;color:#566b61}
.ib-result-breakdown{margin-top:28px}
.ib-result-breakdown>div{color:#53657d;line-height:1.65;font-size:13px}
.ib-result-breakdown>.ib-small,.ib-result-breakdown .ib-small{font-size:12px}
.ib-result-retention{text-align:center;margin-top:14px;font-size:10px;max-width:720px;margin-inline:auto}
@media(min-width:420px){
    .ib-preserved-result{font-size:13px;padding-inline:16px}
    .ib-supplement-panel{padding:25px 23px;border-radius:26px}
    .ib-supplement-heading>p{font-size:15px}
    .ib-supplement-panel .ib-pick-pill{width:auto;min-width:220px}
    .ib-supplement-card{padding:20px 18px;grid-template-columns:50px minmax(0,1fr);gap:13px}
    .ib-supplement-card h3{font-size:16px}
    .ib-supplement-card-doodle{width:50px;height:48px}
    .ib-first-result{grid-template-columns:52px minmax(0,1fr);padding:25px;gap:17px}
    .ib-first-result-icon{width:50px;height:50px}
}
@media(min-width:576px){
    .ib-supplement-heading{text-align:center;margin-bottom:29px}
    .ib-supplement-heading h1{font-size:37px}
    .ib-supplement-heading>p{font-size:17px}
    .ib-supplement-shell--upload .ib-supplement-panel{max-width:520px;margin-inline:auto;padding:27px}
    .ib-supplement-doodle{width:145px;height:108px}
    .ib-supplement-document{font-size:14px}
    .ib-supplement-help{max-width:550px;margin-inline:auto;margin-top:30px}
    .ib-supplement-back{margin-block:19px 29px;font-size:13px}
    .ib-supplement-field{grid-template-columns:minmax(0,1fr) 168px;align-items:center;gap:8px 17px}
    .ib-supplement-field>label{font-size:13px}
    .ib-supplement-field>.ib-supplement-source{grid-column:1/-1}
    .ib-supplement-income{grid-template-columns:minmax(0,1fr) 168px;align-items:center}
    .ib-supplement-income>.ib-supplement-source{grid-column:1/-1}
    .ib-supplement-income strong{font-size:17px}
    .ib-supplement-conditions{padding-inline:17px}
    .ib-supplement-conditions>summary{font-size:13px}
    .ib-supplement-conditions .ib-check,.ib-supplement-confirm{font-size:12px}
    .ib-supplement-condition-help{font-size:12px}
    .ib-supplement-explanation{font-size:12px;padding:16px}
    .ib-supplement-review-panel>.ib-button{font-size:14px}
    .ib-supplement-options>header p{font-size:14px}
    .ib-first-result{padding:31px;grid-template-columns:64px minmax(0,1fr);gap:20px}
    .ib-first-result-icon{width:62px;height:62px}
    .ib-first-result-icon svg{width:31px;height:31px}
    .ib-first-result h2{font-size:18px}
    .ib-first-result p{font-size:12px}
    .ib-first-heading .ib-lead{font-size:17px}
}
@media(min-width:768px){
    .ib-supplement-shell{margin-top:1px}
    .ib-supplement-panel{padding:27px}
    .ib-supplement-options{margin-top:10px}
    .ib-supplement-options>header{margin-bottom:26px}
    .ib-supplement-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;align-items:stretch}
    .ib-supplement-cards--two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:790px;margin-inline:auto}
    .ib-supplement-cards--one{grid-template-columns:minmax(0,1fr);max-width:430px;margin-inline:auto}
    .ib-supplement-card{display:flex;flex-direction:column;padding:25px 22px;gap:0;border-radius:23px}
    .ib-supplement-card-doodle{width:61px;height:58px;margin-bottom:15px}
    .ib-supplement-card h3{font-size:19px;line-height:1.3}
    .ib-supplement-card-copy>p{font-size:13px;margin-top:10px}
    .ib-supplement-card-copy>small{font-size:11px;margin-top:12px}
    .ib-supplement-card-copy>.ib-supplement-forward{font-size:11px;margin-top:10px}
    .ib-supplement-card>.ib-button{font-size:12px;margin-top:auto;flex:none;gap:9px}
    .ib-supplement-card-copy{margin-bottom:21px}
    .ib-supplement-card-outcome{margin-bottom:21px}
    .ib-supplement-card>.ib-supplement-state{margin:0 0 17px}
    .ib-supplement-connector{height:21px;margin-bottom:19px}
    .ib-first-heading{margin-top:10px;margin-bottom:31px}
    .ib-first-result{grid-template-columns:67px minmax(0,1.2fr) minmax(0,1fr);gap:22px;padding:32px 29px;align-items:center}
    .ib-first-result-icon{width:66px;height:66px;align-self:center}
    .ib-first-result-detail{grid-column:auto;text-align:left;border-top:0;border-left:1px solid #d4e5df;padding:3px 0 3px 27px}
    .ib-first-result-detail>p{font-size:13px;line-height:1.65}
    .ib-first-result-detail .ib-button{font-size:12px;margin-top:14px}
}
@media(min-width:1024px){
    .ib-supplement-cards{gap:22px;max-width:1000px;margin-inline:auto}
    .ib-supplement-cards--two{max-width:790px}
    .ib-supplement-cards--one{max-width:430px}
    .ib-supplement-card{padding:26px}
    .ib-supplement-card>.ib-button{font-size:13px;min-height:46px}
    .ib-first-result{padding:37px 42px;gap:27px}
    .ib-first-result-icon{width:70px;height:70px}
    .ib-first-result-detail{padding-left:31px}
}
@media(prefers-reduced-motion:no-preference){
    .ib-supplement-heading,.ib-first-heading{animation:ib-enter .45s var(--ib-ease) both}
    .ib-supplement-panel,.ib-first-result{animation:ib-enter .55s var(--ib-ease) both}
    .ib-supplement-card{animation:ib-enter .45s var(--ib-ease) both}
    .ib-supplement-card:nth-child(2){animation-delay:.05s}.ib-supplement-card:nth-child(3){animation-delay:.1s}
}
@media print{
    .ib-supplement-card{break-inside:avoid;box-shadow:none}
    .ib-supplement-cards{display:block}.ib-supplement-card+.ib-supplement-card{margin-top:16px}
    .ib-first-result{display:block;break-inside:avoid}.ib-first-result-icon{display:none}
    .ib-supplement-card-doodle,.ib-supplement-connector{display:none}
}