.ip-hero{background:#162e40;color:#fff;padding:28px 0 62px}.ip-hero h1{font-size:clamp(38px,5.5vw,70px);line-height:1.12;max-width:950px;margin:25px 0}.ip-hero em{color:#e6bc82;font-style:normal}.ip-hero .eyebrow{color:#e6bc82}.ip-hero a:not(.button){color:#f5e6d3}.ip-lead{max-width:780px;font-size:19px;line-height:1.8}.ip-caption{font-size:12px;line-height:1.7;opacity:.85}.ip-section{padding-top:64px;padding-bottom:64px}.ip-heading{display:grid;grid-template-columns:1fr 1fr;gap:55px}.ip-page h2{font-size:clamp(28px,3.6vw,44px);line-height:1.2}.ip-page p{line-height:1.8;max-width:850px}.ip-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.ip-steps article{padding:28px;background:#f4f5ef;border-top:3px solid #c18b50;border-radius:10px}.ip-steps article>span{color:#9e622d;font-weight:800}.ip-steps h3{font-size:21px;margin:15px 0}.ip-example{background:#faf1e4;padding:45px 0}.ip-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0}.ip-flow>div{background:#fff;padding:24px;border:1px solid #ddc4a1;border-radius:12px}.ip-flow strong{font-size:clamp(24px,3.2vw,40px);display:block;color:#8d5628}.ip-flow span{display:block;margin-top:8px}.ip-cost{background:#eef2ef;padding:48px 0}.ip-sources{padding-bottom:50px}.ip-sources details{margin-top:25px;font-size:12px}.ip-sources summary{cursor:pointer}.ip-page .button{margin-top:12px}
#nav-investment .ip-nav-group{display:block;padding:12px 12px 4px;color:#99551f;font-size:12px;font-weight:800}#nav-investment .ip-nav-child{padding-left:24px;font-size:12px}
@media(max-width:750px){.ip-heading,.ip-steps,.ip-flow{grid-template-columns:1fr;gap:20px}.ip-section{padding-top:38px;padding-bottom:38px}.ip-hero{padding-bottom:40px}.ip-steps article,.ip-flow>div{padding:22px}}

.ip-personal-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:45px;margin-top:24px}.ip-personal-hero h1{font-size:clamp(34px,4vw,54px)}.ip-personal-hero figure{margin:0}.ip-personal-hero img{display:block;width:100%;height:auto;border-radius:12px;aspect-ratio:3/2;object-fit:cover}.ip-personal-hero figcaption{font-size:11px;color:#e5c79f;margin-top:12px}.ip-personal-hero .ip-lead{font-size:16px}@media(max-width:850px){.ip-personal-hero{grid-template-columns:1fr;gap:26px}.ip-personal-hero figure{max-width:650px}}
/* Original explanatory diagrams, accessible labels and responsive stacking. */
.plan-visual{padding-top:64px;padding-bottom:64px}.plan-control{background:#eef3f5;padding:24px;border-radius:16px;margin:28px 0}.plan-control label{display:flex;justify-content:space-between;gap:16px;font-weight:700}.plan-control output{color:#a84b09}.plan-control input{width:100%;margin-top:20px;accent-color:#df7522}.plan-diagram{display:grid;grid-template-columns:180px 180px 1fr;gap:28px;align-items:center;padding:32px;background:#102e3c;color:white;border-radius:24px}.plan-source{display:grid;gap:12px;text-align:center}.plan-source>strong{font-size:28px}.plan-source>span,.plan-dest>p{font-size:14px;color:#d4e2e8}.plan-vessel{height:180px;position:relative;overflow:hidden;border:2px solid #7c9da9;border-top:0;border-radius:0 0 20px 20px;background:#173d4d}.plan-vessel #plan-fill{position:absolute;bottom:0;width:100%;background:#e87c28;transition:height .2s}.plan-limit{position:absolute;top:50%;width:100%;border-top:2px dashed white;padding-top:6px;color:white;font-size:13px;text-shadow:0 1px 4px #102e3c}.plan-transfer{text-align:center}.plan-transfer strong{display:block;font-size:22px;color:#ffac66}.plan-transfer p{font-size:13px;color:#d4e2e8}.plan-arrow{font-size:62px;line-height:1.2;color:#ffac66}.plan-targets{display:grid;gap:10px}.plan-target{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;background:#214958;border-radius:10px;padding:14px}.plan-target strong{color:#ffac66}.plan-target b{min-width:70px;text-align:right}.plan-explanation{padding:20px;border-left:4px solid #df7522;background:#fff5ea;color:#173642;margin-top:20px;min-height:80px}@media(max-width:800px){.plan-diagram{grid-template-columns:1fr;padding:24px;gap:16px}.plan-source{max-width:240px;width:100%;margin:auto}.plan-arrow{display:inline-block;transform:rotate(90deg)}.plan-transfer p{margin:8px 0}.plan-control label{flex-wrap:wrap}.plan-target{gap:10px}.plan-visual h2{font-size:30px}}