/* The comparison is the landing view; tools live in the left navigation. */
:root{--radius:16px;--ink:#19213b;--muted:#6a7389;--navy:#142348;--teal:#355cf4;--mint:#e4eaff;--cream:#f3f5fb;--line:#dfe4f0;--model-es:#142348;--model-se:#355cf4;--model-cl:#e76048;--model-mixed:#8553cf;background:#f3f5fb}
.topbar{height:72px;padding:0 28px;position:sticky;top:0;z-index:30;gap:20px}
.brand{font-size:21px}.brandmark{width:37px;height:39px;font-size:27px}
.topbar-actions{display:flex;gap:9px;align-items:center}#sidebar-toggle{display:none}
.app-shell{display:grid;grid-template-columns:246px minmax(0,1fr);align-items:start}
.app-sidebar{position:sticky;top:72px;height:calc(100dvh - 72px);padding:24px 16px 18px;background:#fff;border-right:1px solid var(--line);overflow-y:auto;display:flex;flex-direction:column;gap:25px}
.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.3px;color:#87948f;margin:23px 12px 9px}.nav-label:first-child{margin-top:0}
.nav-item{border:0;background:transparent;border-radius:9px;color:#51666c;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 13px;font-size:12px;line-height:1.4;min-height:45px;width:100%;transition:background .15s,color .15s}
.nav-item svg,.scenario-icon svg{width:19px;height:19px;flex-shrink:0}.nav-item:hover{background:#f0f5f2;color:var(--navy)}.nav-item.active{background:var(--navy);color:#fff;font-weight:700;box-shadow:0 3px 9px #10333f13}
.sidebar-note{margin-top:auto;display:flex;gap:9px;padding:17px 10px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.sidebar-note strong{font-size:11px;color:#47635c;line-height:1.6}.sidebar-note p{font-size:10px;line-height:1.7;margin:5px 0 0}.sidebar-dot{width:6px;height:6px;border-radius:50%;background:#70a88a;margin-top:6px;flex-shrink:0}
.dashboard-main{max-width:none;width:100%;padding:28px clamp(24px,2.6vw,52px) 0;min-width:0;margin:0;min-height:calc(100dvh - 72px)}
.dashboard-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:23px}.dashboard-heading .eyebrow{font-size:10px;margin:0 0 9px}.dashboard-heading h1{font-size:clamp(27px,2.6vw,42px);letter-spacing:-1.4px;line-height:1.18;margin:0 0 8px}.dashboard-heading p:not(.eyebrow){font-size:13px;color:var(--muted);margin:0}.comparison-year{text-align:right;font-size:9px;letter-spacing:1.3px;color:var(--muted);border-left:1px solid #d6e0d9;padding-left:25px}.comparison-year strong{display:block;font-size:27px;letter-spacing:-.8px;color:var(--navy);line-height:1.35}
.scenario-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 20px;border:1px solid #dae5de;border-radius:12px;background:#eaf0ec;margin:0 0 25px}.scenario-label{display:flex;align-items:center;gap:14px;min-width:0}.scenario-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #cbded2;background:#f8fbf9;border-radius:9px;color:var(--teal);flex-shrink:0}.overline{font-size:8px;font-weight:700;letter-spacing:1.2px;color:#6f867a;display:block;margin-bottom:4px}.scenario-label strong{font-size:13px;display:block;line-height:1.5}.scenario-label p{font-size:11px;color:#60756b;margin:3px 0 0;line-height:1.5}.scenario-strip>.button{flex-shrink:0;white-space:nowrap;background:#fff9;border-color:#cadacf}
.results-heading{margin:0 0 15px;align-items:center}.results-heading h2{font-size:19px;letter-spacing:-.45px}.results-heading p{font-size:11px;color:var(--muted);margin:4px 0 0;font-weight:400}.results-heading p strong{font-weight:600}.badge.neutral{max-width:none;font-size:9px;padding:5px 9px;background:transparent}
.result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.result-card{border:1px solid #dce4df;border-top:3px solid var(--model-color);border-radius:13px;background:#fff;box-shadow:0 2px 5px #17313e04;min-height:300px;padding:21px 20px 0;display:flex;flex-direction:column;--model-color:var(--model-mixed)}.result-card.es{--model-color:var(--model-es);background:var(--navy);border-color:var(--navy)}.result-card.se{--model-color:var(--model-se)}.result-card.cl{--model-color:var(--model-cl)}.result-card.mixed{--model-color:var(--model-mixed);background:#fbfdfb}
.result-card .country-row{font-size:16px;gap:6px;line-height:1.3}.flag{font-size:23px;line-height:1}.model-type{font-size:8px;letter-spacing:.8px;color:var(--muted);font-weight:600;margin-top:8px;min-height:12px}.es .model-type{color:#aacbc1}.pension-value{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:6px;row-gap:2px;font-size:clamp(30px,2.7vw,49px);font-weight:700;letter-spacing:-1.6px;margin:21px 0 5px;line-height:1.1}.pension-value small{font-size:11px;letter-spacing:0;white-space:nowrap}.result-card>p.annual-value{font-size:11px;color:#75837c;margin:0}.result-card.es>p.annual-value{color:#bed3cc}
.diff-tag{font-size:10px;align-self:flex-start;border-radius:6px;background:#edf4ee;padding:5px 7px;margin-top:18px;line-height:1.4;min-height:24px}.diff-tag.negative{background:#f8eee8;color:#955c3a}.diff-tag.positive{color:#246b58}.result-card.es .diff-tag{background:#ffffff14;color:#d1eadb;font-weight:400}.result-card>p.difference-amount{font-size:10px;margin:7px 0 0;color:#6f7a73;line-height:1.5}.result-card.es>p.difference-amount{color:#9ebeb2}.result-card>p.model-description{font-size:10px;line-height:1.65;margin:15px 0 9px;color:#6a7c73}.result-card.es>p.model-description{color:#c6dad4}.result-card>p.legal-cap{font-size:9px;line-height:1.55;margin:0 0 13px;color:#a8c6b9}.card-detail{margin: auto -20px 0;border:0;border-top:1px solid #e6ece7;background:transparent;color:var(--model-color);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;min-height:43px;text-align:left}.card-detail:hover{background:#eff5ef}.es .card-detail{border-color:#ffffff1f;color:#c3e0d0}.es .card-detail:hover{background:#ffffff12}.unavailable{line-height:1.5}.result-card .unavailable{font-size:17px;margin-top:22px}.result-card .unavailable+p{margin-bottom:15px;line-height:1.7}
.comparison-card{padding:23px 27px 0;margin-bottom:0;box-shadow:none}.comparison-card .section-title{margin-bottom:22px}.comparison-card h3{font-size:19px}.comparison-card .section-title .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:7px}.comparison-card .section-title p:not(.eyebrow){font-size:11px}.bar-row{grid-template-columns:80px minmax(0,1fr) 95px 70px;gap:18px;margin:19px 0;font-size:13px}.bar-track{height:17px;border-radius:4px;background:#f0f3f1}.bar-fill{border-radius:4px;min-width:0}.bar-row strong{font-size:15px}.bar-row .bar-diff{font-size:12px;font-weight:600}.chart-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:22px;padding:15px 0}.chart-footer p{font-size:10px;color:var(--muted);margin:0}.chart-footer button{font-size:10px;text-align:left;line-height:1.5}
.comparison-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:20px 0 12px}.comparison-actions>span{font-size:10px;color:var(--muted);margin-right:auto}.comparison-actions .button{font-weight:400;font-size:10px;background:transparent}.comparison-scope{font-size:10px;color:#7a8981;line-height:1.7;margin:0;max-width:1100px}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:3px 0 25px}.panel-heading h2{font-size:28px;letter-spacing:-.8px}.panel-heading .eyebrow{font-size:9px;margin-bottom:9px}.panel-heading p:not(.eyebrow){font-size:13px;color:var(--muted);margin:8px 0 0}.panel-heading>.button{flex-shrink:0}.inputs{padding:27px;position:static;max-width:880px}.inputs .section-head{margin-bottom:22px}.inputs>.two-fields{grid-template-columns:1fr 1fr}.inputs .field>label{font-size:12px}.inputs .hint{font-size:12px}.inputs .career-summary{font-size:12px}.inputs .career-summary strong{font-size:13px}.inputs .button.primary{padding:13px}.inputs .segmented button{font-size:13px;padding:10px}.inputs .scenario-note{font-size:11px}.inputs .save-row .text-button{font-size:12px}.inputs .import-box p{font-size:12px}.inputs .import-box strong{font-size:14px}
#mixed-settings .mix-card{max-width:1020px;padding:28px}#mixed-settings .field>label{font-size:12px}.components-card{padding:26px;margin-bottom:22px;box-shadow:none}.components-card h3{margin:0 0 5px}.components-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:24px}.components-grid .audit-block{scroll-margin-top:95px;outline-offset:8px}.components-grid .audit-block h4{font-size:14px;color:var(--teal)}.components-grid .audit-block dl>div{font-size:12px}.components-grid .audit-block dd{font-size:13px}.audit-card,.foreign-card{box-shadow:none}.life-card{margin:0 0 22px}.life-card .editor-toolbar{grid-template-columns:220px 1fr}.dashboard-main>.tab-panel{scroll-margin-top:94px}#guide{max-width:none}#profiles,#reports,#rules,#guide{padding-top:6px}#profiles>.section-title h2,#reports>.section-title h2,#guide>.section-title h2,#rules>.section-title h2{font-size:28px}footer{margin:30px 0 20px;font-size:9px}
@media(min-width:1700px){.app-shell{grid-template-columns:260px minmax(0,1fr)}.result-card{padding:25px 25px 0;min-height:320px}.card-detail{margin-left:-25px;margin-right:-25px;padding:13px 25px}.pension-value{font-size:49px}.result-card>p.model-description{font-size:11px}.result-card .country-row{font-size:18px}.result-card>p.legal-cap{font-size:10px}.comparison-card{padding-top:26px}}
@media(max-width:1279px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.app-sidebar{padding-left:11px;padding-right:11px}.nav-item{font-size:11px;padding:10px;gap:9px}.dashboard-main{padding:25px 23px 0}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-card{min-height:278px}.pension-value{font-size:39px}.components-grid{grid-template-columns:1fr 1fr}.comparison-year{display:none}.scenario-strip{align-items:flex-start;padding:15px}.scenario-strip .button{padding:8px;font-size:10px}.bar-row{gap:12px;grid-template-columns:65px minmax(0,1fr) 80px 60px}.bar-row strong{font-size:13px}.bar-row .bar-diff{font-size:11px}.comparison-actions>span{width:100%;margin:0 0 2px}.comparison-actions{gap:8px}.panel-heading{align-items:flex-start}.panel-heading h2{font-size:25px}.panel-heading>.button{font-size:10px;padding:9px}.chart-footer{align-items:flex-start}.dashboard-heading h1{font-size:30px}.dashboard-heading .eyebrow{font-size:9px}}
@media(max-width:760px){.topbar{height:66px;padding:0 15px}.brand{font-size:16px;gap:7px}.brandmark{width:30px;height:33px;font-size:24px}.topbar .edition{display:none}#print-top{display:none}#sidebar-toggle{display:flex;font-size:11px;padding:8px 10px}.app-shell{display:block}.app-sidebar{display:none;position:fixed;top:66px;left:0;bottom:0;height:calc(100dvh - 66px);width:min(310px,90vw);z-index:25;box-shadow:15px 0 40px #10333f30;padding:23px 18px;background:#fff}.app-sidebar.is-open{display:flex}.nav-item{font-size:13px;padding:12px;min-height:45px}.dashboard-main{padding:23px 16px 0;min-height:calc(100dvh - 66px)}.dashboard-heading{margin-bottom:20px}.dashboard-heading h1{font-size:27px;letter-spacing:-.9px}.dashboard-heading p:not(.eyebrow){font-size:12px}.dashboard-heading .eyebrow{font-size:8px}.scenario-strip{display:block;margin-bottom:22px;padding:14px}.scenario-icon{display:none}.scenario-label strong{font-size:12px}.scenario-label p{font-size:10px}.overline{font-size:8px}.scenario-strip>.button{margin-top:12px;font-size:10px}.results-heading{align-items:flex-start;gap:10px}.results-heading h2{font-size:17px}.results-heading p{font-size:10px}.results-heading .badge{max-width:100px;font-size:8px;padding:4px 7px;line-height:1.5;text-align:right}.result-grid{gap:10px}.result-card{min-height:285px;padding:16px 13px 0}.result-card .country-row{font-size:14px}.flag{font-size:19px}.model-type{font-size:7px;letter-spacing:.4px;min-height:20px}.pension-value{font-size:29px;letter-spacing:-1px;margin-top:16px;row-gap:5px}.pension-value small{font-size:9px}.result-card>p.annual-value{font-size:9px}.diff-tag{font-size:8px;padding:5px;margin-top:14px}.result-card>p.difference-amount{font-size:8px}.result-card>p.model-description{font-size:9px;line-height:1.6;margin-top:12px}.result-card>p.legal-cap{font-size:8px;margin-bottom:10px}.card-detail{font-size:9px;margin-left:-13px;margin-right:-13px;padding:10px 13px;min-height:38px}.result-card .unavailable{font-size:14px}.comparison-card{padding:19px 15px 0}.comparison-card .section-title{margin-bottom:18px}.comparison-card h3{font-size:17px}.comparison-card .section-title .eyebrow{font-size:7px}.comparison-card .section-title p:not(.eyebrow){font-size:10px}.bar-row{grid-template-columns:49px minmax(0,1fr) 64px 46px;gap:7px;font-size:10px;margin:18px 0}.bar-track{height:13px}.bar-row strong{font-size:11px}.bar-row .bar-diff{font-size:9px}.chart-footer{display:block;padding:12px 0}.chart-footer p{font-size:9px}.chart-footer button{font-size:9px;margin-top:8px}.comparison-actions{gap:7px;padding-top:16px}.comparison-actions .button{font-size:9px;padding:8px}.comparison-scope{font-size:9px}.panel-heading{display:block;padding-bottom:20px}.panel-heading h2{font-size:24px}.panel-heading p:not(.eyebrow){font-size:12px}.panel-heading .button{margin-top:15px}.inputs{padding:20px}.inputs .two-fields{gap:11px}.inputs .field>label{font-size:11px}.inputs .hint{font-size:11px}.components-card{padding:20px}.components-grid{grid-template-columns:1fr;gap:25px}.components-grid .audit-block h4{font-size:15px}.components-grid .audit-block dl>div{font-size:12px;display:flex}.components-grid .audit-block dd{text-align:right;margin:0}#mixed-settings .mix-card{padding:20px}#mixed-settings .mix-card>.section-title{display:block}#mixed-settings .formula-pill{display:inline-block;max-width:none;margin-top:10px}.life-card .editor-toolbar{grid-template-columns:1fr}.life-card .editor-toolbar p{grid-column:auto}.dashboard-main>.tab-panel{scroll-margin-top:84px}footer{font-size:9px;padding-top:18px;margin-top:25px}}
@media(prefers-reduced-motion:reduce){.bar-fill,.nav-item{transition:none}}
@media print{.topbar,.app-shell,.toast,dialog{display:none!important}body>.print-report{display:block!important}}

/* Photo-led identity with a distinct, consistent colour for each model. */
.topbar{border-bottom-color:#dfe4f1;box-shadow:0 2px 14px #14234805}.brand{color:#142348}.brandmark{background:#355cf4;color:#fff;box-shadow:0 4px 11px #355cf42b}.edition .dot{background:#e76048}
.app-sidebar{background:linear-gradient(175deg,#121c3b 0%,#1c2c54 100%);border-right-color:#18254b}.nav-label{color:#93a3c6;font-size:9px}.nav-item{color:#cbd4ed;position:relative}.nav-item svg{color:#a7b8e4}.nav-item:hover{background:#ffffff0b;color:#fff}.nav-item.active{background:#3a5df4;color:#fff;box-shadow:0 5px 18px #050f3445}.nav-item.active svg{color:#fff}.nav-item.active:before{content:'';height:20px;width:3px;border-radius:3px;background:#ffcf7a;position:absolute;left:0;top:50%;transform:translateY(-50%)}.sidebar-note{border-top-color:#ffffff20;color:#acbad9}.sidebar-note strong{color:#edf1ff}.sidebar-note p{color:#a6b5d5}.sidebar-dot{background:#ffcf7a}
.dashboard-main{background:radial-gradient(ellipse at 95% 0%,#e9e7fa80 0,transparent 43%),#f3f5fb}
.dashboard-heading{position:relative;isolation:isolate;min-height:210px;padding:30px 32px;border:0;border-radius:17px;overflow:hidden;color:#fff;background-color:#142348;background-image:linear-gradient(90deg,#142348 0%,#142348 32%,#142348dd 48%,#14234830 75%,#1423480a 100%),url('./assets/jubilados-domino-parque.webp');background-repeat:no-repeat;background-size:100% 100%,auto 112%;background-position:center,right 48%;box-shadow:0 8px 30px #14234812;margin-bottom:23px}.dashboard-heading>div{max-width:65%;position:relative}.dashboard-heading .eyebrow{color:#ffcf7a;letter-spacing:1.7px;font-size:9px;margin-bottom:14px}.dashboard-heading h1{color:#fff;font-size:clamp(28px,2.8vw,43px);max-width:640px;line-height:1.14;margin-bottom:14px;text-wrap:balance}.dashboard-heading p:not(.eyebrow){color:#d4ddf5;font-size:12px;max-width:410px;line-height:1.7}.comparison-year{position:absolute;right:17px;top:17px;background:#0c16358c;border:1px solid #ffffff38;border-radius:10px;backdrop-filter:blur(8px);padding:10px 13px;color:#f0f2ff;font-size:7px}.comparison-year strong{color:#fff;font-size:22px}
.scenario-strip{background:#fff;border-color:#dfe5f2;border-left:4px solid #355cf4;box-shadow:0 3px 10px #14234804}.scenario-icon{color:#355cf4;background:#edf1ff;border-color:#d4ddff}.overline{color:#7783a4}.scenario-label p{color:#6c7693}.scenario-strip>.button{background:#f4f6ff;border-color:#dce2fb;color:#2946b0}.scenario-strip>.button:hover{background:#e9eeff}
.result-card{border-color:#e0e5f0;border-top:4px solid var(--model-color);box-shadow:0 5px 16px #14234807}.result-card.es{background:linear-gradient(145deg,#192d60,#111c3c);border-color:#192b57}.result-card.se{background:#f5f7ff}.result-card.cl{background:#fff8f5}.result-card.mixed{background:#faf6ff}.result-card.se .country-row,.result-card.se .pension-value{color:#2c4ce1}.result-card.cl .country-row,.result-card.cl .pension-value{color:#bd432f}.result-card.mixed .country-row,.result-card.mixed .pension-value{color:#7543b9}.result-card:not(.es) .model-type{color:#76809b}.result-card .pension-value small{color:#758099}.result-card.es .pension-value small{color:#d4def7}.result-card.es>p.annual-value{color:#cfdbf6}.result-card.es .model-type{color:#adbee9}.result-card.es .diff-tag{color:#ffde9c;background:#ffffff13;border:1px solid #ffffff14}.result-card.es>p.difference-amount{color:#b6c5e9}.result-card.es>p.model-description{color:#dce4f7}.result-card.es>p.legal-cap{color:#b5c4e6}.result-card.es .card-detail{color:#d9e3ff}.result-card>p.model-description{color:#69738c}.card-detail{border-top-color:#dfe4f0}.card-detail:hover{background:#14234806}.diff-tag.negative{background:#fbe5e0;color:#a64635}.diff-tag.positive{background:#e7edff;color:#334eb2}.result-card.es .diff-tag{background:#ffffff12;color:#ffe0a3}.result-card>p.difference-amount{color:#6c7792}
.comparison-card{border-color:#dfe4f0;box-shadow:0 5px 22px #14234805}.bar-track{background:#edf0f7}.comparison-card .section-title .eyebrow{color:#74809f}.bar-row .bar-diff{color:#5d6884}.chart-footer{border-top-color:#e6e9f3}.comparison-actions .button{background:#fff;border-color:#dfe5f3}.comparison-actions .button:hover{background:#edf1ff;color:#355cf4}.button.primary{background:#355cf4;border-color:#355cf4}.button.primary:hover{background:#2849d4}.segmented{background:#edf0f9}.segmented button.active{color:#2a48bb}.career-summary{background:#eff3fd}.badge.green{background:#e9edff;color:#355cf4}.formula-pill{background:#eef0ff;color:#5840b2}.mix-breakdown{background:#f6f3fd;border-color:#e3daf6}.mix-breakdown>div+div{border-left-color:#e3daf6}.mix-breakdown span{color:#7543b9}.inputs .scenario-note{border-top-color:#dfe4f0}.import-box{background:#f4f6ff;border-color:#b8c6f4}.toast{background:#192c5b}.components-grid .audit-block h4{color:#355cf4}.components-grid #components-es h4{color:var(--model-es)}.components-grid #components-se h4{color:var(--model-se)}.components-grid #components-cl h4{color:#bd432f}.components-grid #components-mixed h4{color:var(--model-mixed)}.rule-card .badge.green{color:#355cf4}.date-tag{color:#7583a3}
@media(min-width:1700px){.dashboard-heading{min-height:220px;background-size:100% 100%,auto 120%}.dashboard-heading>div{max-width:65%}.dashboard-heading h1{font-size:43px}}
@media(max-width:1279px){.dashboard-heading{min-height:190px;padding:27px;background-image:linear-gradient(90deg,#142348 0%,#142348ed 34%,#14234899 64%,#14234815 100%),url('./assets/jubilados-domino-parque.webp');background-size:100% 100%,auto 110%}.dashboard-heading>div{max-width:72%}.dashboard-heading h1{font-size:29px}.dashboard-heading p:not(.eyebrow){font-size:11px;max-width:290px}.dashboard-heading .eyebrow{font-size:8px;line-height:1.7;max-width:240px}.comparison-year{display:none}}
@media(max-width:760px){.app-sidebar{background:linear-gradient(175deg,#121c3b,#1c2c54)}.dashboard-heading{min-height:196px;border-radius:13px;padding:23px 20px;background-image:linear-gradient(90deg,#142348f5 0%,#142348db 35%,#1423488c 70%,#14234844 100%),url('./assets/jubilados-domino-parque.webp');background-size:100% 100%,auto 106%;background-position:center,right center}.dashboard-heading>div{max-width:86%}.dashboard-heading h1{font-size:28px;max-width:270px;margin-bottom:12px}.dashboard-heading .eyebrow{font-size:7px;letter-spacing:1.1px;margin-bottom:11px;max-width:230px}.dashboard-heading p:not(.eyebrow){font-size:11px;max-width:240px}.scenario-strip{border-left-width:3px}.comparison-actions .button{background:#fff}.topbar{background:#fff}}
.brand{font-size:21px;letter-spacing:-.8px;white-space:nowrap}.brandlight{font-weight:400;color:#355cf4}.dashboard-heading .eyebrow{font-size:12px;letter-spacing:.6px;text-transform:none}
@media(max-width:1100px){.edition{display:none}}
@media(max-width:760px){.topbar{gap:8px}.brand{font-size:15px;letter-spacing:-.55px}.dashboard-heading .eyebrow{font-size:10px;max-width:250px;letter-spacing:.2px}}
@media(max-width:420px){.brandmark{display:none}.brand{font-size:14px;gap:0}.topbar{padding:0 12px}.topbar-actions{gap:0}#sidebar-toggle{font-size:10px;padding:8px}}
#nav-import{align-items:flex-start;background:#2a4076;border:1px solid #6279b7;margin:4px 0 6px;padding:13px 11px;color:#fff}#nav-import:hover{background:#344f8d;border-color:#93a7e0}#nav-import>svg{margin-top:2px;color:#ffcf7a;flex-shrink:0}.nav-import-copy{display:block;min-width:0}.nav-import-copy strong{display:block;font-size:12px;line-height:1.5;font-weight:600}.nav-import-copy small{display:block;margin-top:7px;padding-top:7px;border-top:1px solid #ffffff26;font-size:10px;line-height:1.6;color:#d5dff7}.social-file-button{flex-direction:column;gap:5px;text-align:center;max-width:100%;white-space:normal}.social-file-button strong{font-size:13px;font-weight:600}.social-file-button small{font-size:10px;font-weight:400;line-height:1.5;color:#e1e7ff}.import-box #pdf-file-description{max-width:580px;margin:12px auto 20px;line-height:1.8;font-size:12px}.import-box #pdf-file-description b{color:var(--ink)}
.header-notice{position:relative;display:flex;align-items:center;align-self:stretch;margin-left:auto;flex-shrink:0}.header-notice-trigger{display:flex;align-items:center;gap:9px;border:0;padding:9px 5px;background:transparent;color:#655332;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}.header-notice-trigger:hover,.header-notice-trigger[aria-expanded="true"]{color:#956622}.header-notice-trigger:focus-visible{outline:2px solid #355cf4;outline-offset:3px;border-radius:5px}.header-notice-icon{display:grid;place-items:center;font:700 12px Georgia,serif;width:21px;height:21px;border:1.5px solid #bc8631;background:#fff7e5;border-radius:50%;flex-shrink:0;color:#956622}.header-notice-panel{position:absolute;top:calc(100% - 4px);right:0;width:440px;max-width:calc(100vw - 32px);padding:18px 20px;border:1px solid #e7d7af;border-top:3px solid #d99b33;background:#fffaf0;border-radius:10px;box-shadow:0 12px 35px #14234824;color:#655332;max-height:calc(100dvh - 90px);overflow-y:auto}.header-notice-panel[hidden]{display:none}.header-notice-panel p{font-size:12px;line-height:1.7;margin:0 0 10px}.header-notice-panel p:last-child{margin-bottom:0}.header-notice-panel strong{color:#4c3b20;font-weight:700}
@media(max-width:1100px){.header-notice-label{display:none}.header-notice-trigger{padding:9px 5px}}
@media(max-width:760px){.header-notice-panel{position:fixed;top:62px;left:12px;right:12px;width:auto;max-width:none;padding:16px}.header-notice-panel p{font-size:12px}.header-notice-trigger{padding:8px 2px}.header-notice-icon{width:22px;height:22px}}
.result-dialog{width:min(860px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;background:#fff;border-color:#dfe4f0;overflow-y:auto}.result-dialog::backdrop{background:#111c3c9c}.result-dialog .dialog-header{position:sticky;top:0;z-index:1;align-items:flex-start;gap:16px;margin:0;padding:23px 28px 17px;background:#fff;border-bottom:1px solid #e5e9f2}.result-dialog .dialog-header>div{min-width:0}.result-dialog h2{font-size:24px;letter-spacing:-.7px;margin-bottom:7px}.result-dialog .eyebrow{font-size:9px;margin-bottom:8px}.result-dialog .icon-button{padding:0 4px;line-height:1.2}.insight-context{font-size:11px;color:#6a7389;line-height:1.6;margin:0}#result-dialog-content{padding:22px 28px 26px}.insight-total{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.insight-total strong{font-size:34px;color:#142348;letter-spacing:-1px;font-variant-numeric:tabular-nums}.insight-total span{font-size:11px;color:#6a7389}.insight-comparison{font-size:12px;color:#52658e;margin:3px 0 22px}.result-dialog h3{font-size:15px;letter-spacing:-.2px;margin:0 0 12px}.insight-components{padding:17px 20px;border:1px solid #dfe4f0;border-radius:11px;background:#f5f7ff;margin:0 0 24px}.insight-components dl{margin:0}.insight-components dl>div,.insight-contributions>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:8px 0;font-size:12px}.insight-components dt{color:#566280}.insight-components dd,.insight-contributions dd{margin:0;white-space:nowrap;font-weight:700;font-variant-numeric:tabular-nums}.insight-components .insight-sum{border-top:1px solid #d7deee;margin-top:4px;padding-top:12px;font-weight:700}.insight-sum dt{color:#142348}.insight-reasons ul{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;margin:0 0 22px;padding:0}.insight-reasons li{padding:14px 16px;border:1px solid #e4e8f1;border-radius:10px;min-width:0}.insight-reasons li>strong{display:block;font-size:12px;color:#142348}.insight-reasons li p{font-size:12px;line-height:1.7;color:#65708a;margin:6px 0 0}.insight-costs{padding:14px 17px;border:1px solid #dfe4f0;border-radius:10px;background:#f7f8fc}.result-dialog .insight-costs summary{font-size:13px;font-weight:700;color:#3553c7}.insight-costs p,.insight-note{font-size:12px;line-height:1.7;color:#65708a;margin:12px 0}.insight-contributions{margin:12px 0}.insight-contributions>div{border-bottom:1px solid #e1e6f0;padding:12px 0}.insight-contributions dt{font-weight:600}.insight-contributions small{display:block;font-size:11px;font-weight:400;line-height:1.6;color:#6a7389;margin-top:5px}.insight-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.result-dialog .guide-table-wrap{overflow:auto}.result-dialog table{font-size:12px}.result-dialog th,.result-dialog td{white-space:normal;vertical-align:top;padding:12px 10px;line-height:1.6}.result-dialog td:nth-child(2){white-space:nowrap;font-variant-numeric:tabular-nums}.result-dialog .insight-note strong{color:#142348}
@media(max-width:760px){.result-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:13px}.result-dialog .dialog-header{padding:19px 18px 14px}.result-dialog h2{font-size:20px}.result-dialog .eyebrow{font-size:8px}.insight-context{font-size:10px}#result-dialog-content{padding:18px}.insight-total strong{font-size:30px}.insight-total{gap:3px 10px}.insight-reasons ul{grid-template-columns:1fr}.insight-components{padding:14px}.insight-components dl>div,.insight-contributions>div{font-size:11px;gap:12px}.insight-actions{display:grid}.insight-actions .button{font-size:11px}.result-dialog table{min-width:560px}}
