:root{font-family:Arial,Helvetica,sans-serif;color:#142c44;background:#f2f5f8;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;border-bottom:1px solid #d9e1e9;background:#fff}.brand{font-family:Georgia,serif;font-size:28px;color:#183c5f;text-decoration:none;font-weight:bold}.brand span{font-family:Arial,sans-serif;font-size:14px;letter-spacing:.18em;margin-left:10px;color:#9d7c3f}.label,.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:bold;color:#6e7f91}main{max-width:1440px;margin:auto;padding:36px 5%}.intro h1{font-family:Georgia,serif;font-size:clamp(34px,4.4vw,54px);font-weight:normal;line-height:1.06;margin:12px 0 16px;letter-spacing:-.025em}.intro>p:last-child{color:#627287;margin-bottom:24px}.control{background:#173956;color:#fff;border-radius:16px;padding:26px 30px;display:flex;gap:24px;align-items:center;flex-wrap:wrap;box-shadow:0 12px 30px #17395618}.control label{font-size:14px;color:#e0e9f2}.amount{display:flex;align-items:center;gap:16px;margin-top:6px}.amount input{color:#fff;background:transparent;border:0;border-bottom:1px solid #7d92a7;width:230px;font-size:42px;font-weight:bold;padding:0 0 4px;outline-offset:4px}.amount span{font-size:30px;color:#c3a461}.control p{margin:8px 0 0;font-size:14px;color:#c5d4e1}.quick{display:flex;gap:10px;margin-left:auto;flex-wrap:wrap}.quick button{background:#ffffff0a;border:1px solid #5a748c;border-radius:8px;color:white;font:inherit;padding:10px 17px;cursor:pointer}.quick button:hover,.quick button:focus-visible{background:#c3a461;color:#142c44;border-color:#c3a461}#error:not(:empty){flex-basis:100%;color:#ffe1b9}.result-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:28px 0 16px}.result-top h2{font-size:20px;margin:0}.result-top span{font-size:14px;color:#627287}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.portfolio{background:#fff;border:1px solid #dae2eb;border-radius:16px;padding:24px;min-width:0;box-shadow:0 8px 18px #163a5910}.cardhead{display:flex;justify-content:space-between;gap:10px;align-items:center}.index{font-family:Georgia,serif;color:#a0afbd;font-size:24px}.pill{color:#526b80;font-size:12px;background:#edf2f6;padding:5px 9px;border-radius:20px}.portfolio h3{font-family:Georgia,serif;font-size:30px;font-weight:normal;margin:14px 0 8px}.description{font-size:14px;color:#66778a;min-height:108px;margin:0}.visual{display:flex;align-items:center;gap:18px;margin:20px 0 26px}.donut{width:104px;height:104px;border-radius:50%;padding:13px;flex-shrink:0}.donut>div{border-radius:50%;background:white;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.donut strong{font-size:26px;line-height:1.1}.donut span{font-size:12px;color:#66778a}.cardamount{display:block;font-size:26px;white-space:nowrap}.small{display:block;font-size:12px;color:#66778a}.fundrow{display:grid;grid-template-columns:7px 1fr auto;gap:9px;padding:16px 0;border-top:1px solid #edf0f4;align-items:start}.dot{width:7px;height:7px;border-radius:50%;margin-top:8px}.fundrow strong{font-size:14px;line-height:1.4;display:block}.isin{font-size:12px;color:#748397;display:block;margin:3px 0}.rate{white-space:nowrap}.adapt{background:#f1f5f8;color:#5b7186;font-size:12px;padding:12px;border-radius:8px;margin:10px 0 18px}details summary{cursor:pointer;font-size:14px;font-weight:bold;padding:6px 0}.target{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:8px 0;border-bottom:1px solid #edf0f4}.target strong{white-space:nowrap}.notes{display:grid;grid-template-columns:1fr 1fr;gap:36px;border-top:1px solid #d5dee7;margin-top:32px;padding-top:22px}.notes h2{font-size:16px}.notes p,.sources p{font-size:14px;color:#66778a}.sources{background:#fff;border:1px solid #d5dee7;border-radius:10px;padding:18px;margin-top:24px}.sourcefund{border-top:1px solid #e6ecf1;padding:14px 0}.sourcefund h3{font-size:16px;margin:4px 0}.sourcefund p{margin:6px 0}a{color:#235e8c}footer{font-size:12px;color:#7c8b99;padding:28px 0 0}@media(max-width:1100px){.grid{grid-template-columns:1fr}.portfolio{display:block}.description{min-height:0}.rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}.portfolio h3{font-size:32px}}@media(max-width:600px){header{padding:18px 6%}.label{font-size:10px}main{padding:24px 6%}.control{padding:22px}.quick{margin-left:0}.quick button{padding:8px 12px}.result-top{align-items:start;flex-direction:column;gap:5px}.rows{display:block}.notes{grid-template-columns:1fr;gap:12px}.portfolio{padding:20px}.intro h1{font-size:40px}.amount input{width:200px}.cardamount{font-size:24px}.fundrow{grid-template-columns:7px minmax(0,1fr) auto}.pill{font-size:12px}}@media print{header,.control,.quick,footer{display:none}.grid{display:block}.portfolio{break-inside:avoid;margin-bottom:20px}.notes{display:block}.sources{display:none}}

.history{margin-top:24px;padding-top:20px;border-top:1px solid #dbe4ed}.history h4{font-size:18px;margin:0 0 5px}.history-sub{font-size:12px;color:#6b7e90;margin:0 0 16px}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#63778a}.chart-legend i{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:2px}.history-period{margin-top:20px}.history-period>strong{font-size:16px}.history-period>strong span{font-size:12px;color:#788b9c;font-weight:normal;margin-left:8px}.historybar{height:13px;border-radius:4px;background:#f0f4f7;overflow:hidden;margin:9px 0 3px}.historybar>div{height:100%;min-width:2px;border-radius:4px}.history-period>p{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#63778a;margin:4px 0}.history-period>p strong{color:#213e59}.history-period .historical-gain{color:#2b5476;font-weight:bold}.missing{font-size:12px;border:1px dashed #c4d1df;background:#f7f9fb;color:#66778a;padding:10px;margin-top:8px;border-radius:6px}.missing summary{font-size:12px}.missing p,.method p{font-size:12px;line-height:1.55;overflow-wrap:anywhere}.method{margin-top:20px}.method summary{font-size:14px}.method p{color:#66778a}

.scenario-note{font-size:12px;line-height:1.5;color:#66778a;margin:18px 0 0}.historical-gain strong{white-space:nowrap}

.brand{display:flex;align-items:center}.brand img{width:108px;height:96px;object-fit:contain;display:block}header{padding-top:14px;padding-bottom:14px}@media(max-width:600px){.brand img{width:90px;height:80px}.label{font-size:12px}}