/* v0.2: living world, household, native currency and economic context. */
.money-native { display:inline; }
.money-equivalent { display:block;font-family:'Segoe UI',Arial,sans-serif!important;font-size:10px!important;line-height:1.6;letter-spacing:0!important;font-weight:400!important;color:#6a7663!important;white-space:nowrap; }
.cash-value .money-equivalent,.finance-totals .money-equivalent { font-size:12px!important;margin-top:3px; }
.finance-row b,.finance-balance b,.budget-line b,.opportunity-detail b { text-align:right; }
.cash-value { font-size:30px;overflow-wrap:anywhere; }
.cash-value .money-native { white-space:nowrap; }
.macro-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px; }
.macro-grid>div { display:grid;gap:7px; }
.macro-grid>div>span { font-size:10px;color:#64745a; }
.macro-grid strong { font-family:Georgia,serif;font-size:27px;font-weight:400;color:#3c5d3f; }
.macro-grid .fx-value { font-size:20px;line-height:1.8; }
.economy-panel { margin-bottom:24px;background:#edf1e5; }
.economy-panel h2>.icon { width:18px;height:18px;margin-right:7px; }
.macro-indices { display:flex;flex-wrap:wrap;gap:12px 22px;padding-top:18px;margin-top:19px;border-top:1px solid #d7e0cc;font-size:10px;color:#6a795f; }
.macro-indices b { margin-left:5px;font-weight:600;color:#48653f; }
.macro-note { font-size:10px;line-height:1.8;color:#637458;margin-top:13px; }
.time-budget { background:#f9faf2; }
.time-budget-top { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px; }
.time-budget-top>span { font-size:8px;letter-spacing:1px;color:#6d7c60;display:flex;align-items:center;gap:7px; }
.time-budget-top .icon { width:15px;height:15px; }
.time-budget-top strong { font-size:21px;font-family:Georgia,serif;font-weight:400;color:#507044; }
.time-budget-top small { font-size:11px;font-family:'Segoe UI',sans-serif; }
.time-budget p { font-size:10px;line-height:1.8;color:#67755c;margin:12px 0; }
.time-breakdown { display:flex;flex-wrap:wrap;gap:12px;font-size:9px;color:#748269; }
.time-breakdown b { font-weight:500;color:#4e6943;margin-left:3px; }
.time-budget-links { display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid #e0e7d5;margin-top:14px;padding-top:8px; }
.time-budget-links .text-btn { font-size:10px; }
.milestone-icons { display:grid;grid-template-columns:repeat(4,1fr);gap:11px; }
.milestone-icon { width:35px;height:35px;border-radius:50%;background:#f0f2e7;display:flex;align-items:center;justify-content:center;color:#99a38b;border:1px solid #e0e5d6; }
.milestone-icon .icon { width:16px;height:16px; }
.milestone-icon.done { background:#e0ead3;border-color:#c4d4b3;color:#5b7b46; }
.milestones-panel p { font-size:11px;color:#6e7e60;line-height:1.8;margin-top:18px; }
.milestones-panel small { display:block;font-size:10px;line-height:1.8;color:#75846a;margin-top:9px; }
.milestone-footnote { font-size:9px!important;padding-top:10px;border-top:1px solid #e5eadc; }
.scene-expand { font-size:9px;color:#566e4d;display:flex;gap:6px;align-items:center;min-height:32px;padding:5px 0;white-space:nowrap; }
.scene-expand:hover { color:#23472c; }
.scene-expand .icon { width:12px;height:12px; }
.scene-clock { font-variant-numeric:tabular-nums;color:#3f5f35;display:inline-block;font-weight:600;margin-right:6px; }
.panorama-bottom { gap:15px; }
#scene-activity { font-size:10px;line-height:1.5; }
.modal-scene { width:min(1140px,calc(100% - 32px)); }
.modal-scene h2 { font-size:34px; }
.expanded-scene { overflow:hidden;border-radius:10px;border:1px solid #d0dcc2;background:#d9e3d4;margin-top:25px; }
.expanded-scene canvas { display:block;width:100%;height:auto;image-rendering:pixelated; }
.scene-detail-caption { display:flex;align-items:center;min-height:50px;font-size:13px;color:#4a673e;border-bottom:1px solid #dde5d0; }
.scene-facts { display:flex;flex-wrap:wrap;gap:14px 25px;margin:20px 0; }
.scene-facts>span { display:flex;gap:8px;align-items:center;font-size:12px;color:#627953; }
.scene-facts .icon { width:17px;height:17px; }
.purchase-summary { display:grid;gap:0;margin:22px 0 20px; }
.purchase-summary>div { display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #dfe6d3;padding:14px 0;font-size:12px;color:#637855; }
.purchase-summary b { font-weight:600;text-align:right;color:#385936; }
.purchase-summary+.muted-note { margin-bottom:22px; }
.application-note { padding:17px 20px;background:#edf1e3;border:1px solid #d5e0c8;border-radius:8px;font-size:12px;color:#5f7650;margin-top:16px;display:flex;gap:10px;align-items:flex-start;line-height:1.8; }
.application-note .icon { margin-top:2px;width:17px;height:17px; }
.career-exit,.education-pause { margin:12px 0 4px;font-size:11px; }
.personality-traits { display:grid;gap:25px; }
.personality-traits section>div:first-child { display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#4b6b3d;margin-bottom:9px; }
.personality-traits b { font-weight:500; }
.personality-traits p { font-size:11px;line-height:1.8;color:#6c7e5c;margin-top:9px; }
.mobile-more { display:none; }
.more-menu { display:grid;gap:6px;margin-top:23px; }
.more-menu button { min-height:54px;display:flex;gap:13px;align-items:center;padding:12px 15px;border-radius:7px;border:1px solid #dde6d0;color:#5b744c;background:#fffef9;text-align:left; }
.more-menu button:hover { background:#edf3e3; }
.more-menu button>.icon:last-child { margin-left:auto;width:15px;height:15px; }
.event-choice:disabled { opacity:.66; }
.event-choice:disabled:hover { background:#fffef9;border-color:#dce6cd; }
.finance-totals .text-btn { font-size:10px;padding-top:7px;border-top:1px solid #e0e7d4;margin-top:5px; }
.opportunity-detail { gap:10px; }
@media(min-width:1031px){.sidebar-note{margin-bottom:15px;padding-top:20px}.sidebar .brand{margin-bottom:32px}.sidebar-bottom .nav-item{min-height:37px}.nav-item{min-height:43px}.sidebar-caption{margin-bottom:10px}}
@media(max-width:850px){.milestone-icons{grid-template-columns:repeat(auto-fit,minmax(35px,1fr))}.macro-grid .fx-value{font-size:17px}.scene-facts>span{font-size:11px}}
@media(max-width:600px){.navigation .nav-item[data-tab="education"],.navigation .nav-item[data-tab="career"],.navigation .nav-item[data-tab="journal"]{display:none}.navigation .mobile-more{display:flex;min-width:50px}.navigation{justify-content:space-around}.navigation .nav-item>span{font-size:9px}.macro-grid{grid-template-columns:1fr 1fr;gap:20px}.macro-grid>div:last-child{grid-column:1/-1}.macro-grid strong{font-size:29px}.macro-grid .fx-value{font-size:24px}.economy-panel .section-heading{align-items:flex-start}.economy-panel .section-heading>div{flex:1}.economy-panel .section-heading .text-btn{font-size:10px}.macro-note{font-size:11px}.time-budget p{font-size:11px}.time-budget-top>span{font-size:8px}.time-budget-links .text-btn{font-size:11px}.time-breakdown{gap:9px;font-size:9px}.milestone-icons{grid-template-columns:repeat(4,1fr)}.milestone-icon{width:42px;height:42px}.milestones-panel p{font-size:12px}.milestones-panel small{font-size:11px}.panorama-bottom{padding:9px 13px;align-items:center}#scene-activity{font-size:8px;max-width:64%}.scene-expand{font-size:8px;gap:4px}.scene-expand .icon{display:none}.modal-scene{padding:28px 18px}.modal-scene h2{font-size:29px}.expanded-scene{margin-inline:-8px;border-radius:6px}.expanded-scene canvas{min-width:660px;max-width:none;width:180%;margin-left:-40%}.scene-detail-caption{font-size:11px;line-height:1.8;padding:12px 0}.scene-facts{display:grid;gap:12px}.scene-facts>span{font-size:11px}.purchase-summary>div{font-size:11px;gap:15px}.money-equivalent{font-size:9px!important}.finance-totals .text-btn{font-size:11px;grid-column:1/-1}.personality-traits p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.expanded-scene canvas{scroll-behavior:auto}}
@media(max-width:600px){.lifestyle-intention h2{font-size:22px;line-height:1.25;margin:10px 0 13px}.lifestyle-intention>p:not(.lifestyle-child-note){font-size:11px;line-height:1.75}.lifestyle-resources{grid-template-columns:1fr 1fr;gap:12px;margin-top:15px;padding-top:14px}.lifestyle-resources>div:first-child{grid-column:1/-1}.lifestyle-resources>div{gap:5px}.lifestyle-resources>div>span{font-size:10px}.lifestyle-resources b{font-size:22px}}
@media(max-width:600px){.life-panorama canvas,.expanded-scene canvas{margin-left:0;transform:translateX(var(--scene-offset,0px));transition:transform .45s ease-out}.life-panorama canvas{width:823px;height:240px;object-fit:fill;aspect-ratio:auto}}
@media(max-width:600px){.timebar-controls{min-width:0}.timebar-controls>.btn:last-child{min-width:0;flex:1;white-space:normal;line-height:1.35;padding-inline:8px}.timebar-controls>.btn:last-child>.icon{flex-shrink:0}.timebar-controls>.year-button{flex-shrink:0}.timebar-controls>.play-btn{flex-shrink:0}}