:root{color-scheme:light;--eq-bg: #f7f9f8;--eq-surface: #ffffff;--eq-surface-secondary: #f3f6f5;--eq-surface-hover: #edf3f1;--eq-border: #e3e9e6;--eq-border-strong: #c6d2cd;--eq-input-border: #809489;--eq-text: #20362f;--eq-text-secondary: #5d6d66;--eq-text-muted: #617368;--eq-brand: #13745b;--eq-brand-hover: #0e5c48;--eq-brand-soft: #eaf5ef;--eq-on-brand: #ffffff;--eq-positive: #127450;--eq-positive-soft: #eaf5ef;--eq-negative: #bc4646;--eq-negative-soft: #fff1ef;--eq-warning: #946711;--eq-radius-sm: 6px;--eq-radius-md: 10px;--eq-radius-lg: 14px;--eq-shadow-sm: 0 2px 5px #213b2f03;--eq-shadow-md: 0 8px 25px #213b2f08;--eq-space-1: 4px;--eq-space-2: 8px;--eq-space-3: 12px;--eq-space-4: 16px;--eq-space-5: 24px;--eq-space-6: 32px;--eq-space-7: 48px;--eq-font-xs: 11px;--eq-font-sm: 12px;--eq-font-base: 14px;--eq-font-lg: 18px;--eq-font-xl: 24px}:root[data-theme=dark]{color-scheme:dark;--eq-bg: #111c1a;--eq-surface: #182521;--eq-surface-secondary: #1d2e27;--eq-surface-hover: #253a31;--eq-border: #2b3d33;--eq-border-strong: #465f51;--eq-input-border: #6c8777;--eq-text: #e6eee9;--eq-text-secondary: #b0c1b7;--eq-text-muted: #95aa9d;--eq-brand: #82d3ac;--eq-brand-hover: #9be2be;--eq-brand-soft: #213a2e;--eq-on-brand: #112b20;--eq-positive: #8adbb4;--eq-positive-soft: #213a2e;--eq-negative: #ffaaa2;--eq-negative-soft: #412c29;--eq-warning: #e5c67c;--eq-shadow-sm: 0 2px 5px #00000008;--eq-shadow-md: 0 8px 25px #00000010}*{box-sizing:border-box}body{margin:0;background:var(--eq-bg);color:var(--eq-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--eq-font-base);line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit}a{color:var(--eq-brand)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-weight:650}h1{font-size:clamp(28px,3vw,38px);letter-spacing:-1.25px;line-height:1.2;margin-bottom:14px}h2{font-size:20px;letter-spacing:-.5px;margin-bottom:8px}h3{font-size:15px;margin-bottom:8px}p{color:var(--eq-text-secondary)}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:3px solid var(--eq-brand);outline-offset:3px}::selection{background:var(--eq-brand-soft);color:var(--eq-brand)}.skip-link{position:fixed;top:-60px;left:12px;z-index:100;padding:12px 18px;background:var(--eq-surface)}.skip-link:focus{top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 17px;border:1px solid var(--eq-border-strong);border-radius:var(--eq-radius-sm);background:var(--eq-surface);color:var(--eq-text);font-size:12px;font-weight:550;text-decoration:none;line-height:1.4;transition:background .15s,border-color .15s}.btn:hover{background:var(--eq-surface-hover)}.btn.primary{background:var(--eq-brand);color:var(--eq-on-brand);border-color:var(--eq-brand)}.btn.primary:hover{background:var(--eq-brand-hover)}.btn.subtle{background:transparent;border-color:transparent;color:var(--eq-text-secondary)}.btn.danger{color:var(--eq-negative)}.btn eq-icon{width:16px;height:16px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:44px;border:0;background:transparent;border-radius:7px;color:var(--eq-text-muted);text-decoration:none;flex:0 0 auto}.icon-button:hover{background:var(--eq-surface-hover);color:var(--eq-brand)}.icon-button.selected{color:var(--eq-brand);background:var(--eq-brand-soft)}.text-link{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:550;text-decoration:none}.text-link eq-icon{width:15px;height:15px}.icon-tile{width:39px;height:39px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:var(--eq-brand-soft);color:var(--eq-brand)}.icon-tile eq-icon{width:20px;height:20px}.page-header{margin-bottom:28px}.page-header>p{margin-bottom:0;max-width:660px;font-size:13px}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--eq-brand);font-size:10px;font-weight:700;letter-spacing:1.8px;margin-bottom:17px}.eyebrow .dot{width:5px;height:5px;background:currentColor;border-radius:50%}.breadcrumb{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--eq-text-muted);margin-bottom:25px}.breadcrumb a{text-decoration:none;color:inherit}.breadcrumb eq-icon{width:12px;height:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.section-heading h2{margin-bottom:3px}.section-heading p{margin-bottom:0;font-size:12px}.section-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--eq-text-muted)}.live-tag{display:inline-flex;align-items:center;gap:5px;letter-spacing:0;font-weight:450;font-size:10px;color:var(--eq-brand)}.live-tag>span{width:5px;height:5px;border-radius:50%;background:currentColor}.panel{background:var(--eq-surface);border:1px solid var(--eq-border);border-radius:var(--eq-radius-md);box-shadow:var(--eq-shadow-sm);padding:25px;min-width:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.panel-header h2{font-size:16px;margin-bottom:0}.panel-header .btn{padding:6px 9px}label{display:flex;align-items:baseline;gap:7px;color:var(--eq-text-secondary);font-size:11px;font-weight:550;margin-bottom:8px}.optional{color:var(--eq-text-muted);font-size:9px;font-weight:400}.input-wrap{display:flex;align-items:center;min-height:46px;border:1px solid var(--eq-input-border);border-radius:var(--eq-radius-sm);background:var(--eq-surface);overflow:hidden;transition:border-color .15s}.input-wrap:focus-within{border-color:var(--eq-brand);box-shadow:0 0 0 2px var(--eq-brand-soft)}.input-wrap.invalid{border-color:var(--eq-negative)}.input-wrap input,.input-wrap select{width:100%;min-width:0;height:44px;border:0;background:transparent;color:var(--eq-text);padding:9px 12px;outline:none;font-size:14px;font-variant-numeric:tabular-nums}.input-wrap input::placeholder{color:var(--eq-text-muted);opacity:1}.input-prefix{color:var(--eq-text-muted);padding-left:13px;font-size:13px}.input-prefix+input{padding-left:9px}.input-suffix{color:var(--eq-text-muted);font-size:11px;padding-right:12px;white-space:nowrap}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{appearance:none;margin:0}.field-hint,.field-error{display:block;margin-top:6px;font-size:10px;line-height:1.5}.field-hint{color:var(--eq-text-muted)}.field-error{color:var(--eq-negative)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}eq-field{display:block;min-width:0}.form-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:23px;margin-top:25px;border-top:1px solid var(--eq-border)}.form-actions .btn:first-child{margin-right:auto}.error-box{background:var(--eq-negative-soft);color:var(--eq-negative);font-size:12px;padding:12px;border-radius:6px;margin-top:18px}.calculator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.calculator-card{height:100%;padding:18px 20px 19px;background:var(--eq-surface);border:1px solid var(--eq-border);border-radius:var(--eq-radius-md);transition:border-color .15s,box-shadow .15s}.calculator-card:hover{border-color:var(--eq-border-strong);box-shadow:var(--eq-shadow-md)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-top .icon-button{width:36px;min-height:36px}.card-top .favourite eq-icon{width:16px;height:16px}.card-link{text-decoration:none;color:var(--eq-text)}.card-link h3{display:flex;justify-content:space-between;align-items:center;font-size:14px}.card-link h3 eq-icon{width:15px;height:15px;color:var(--eq-text-muted)}.card-link p{font-size:11px;line-height:1.7;min-height:37px;margin-bottom:14px}.category-label{font-size:9px;color:var(--eq-text-muted)}.category-heading{margin-top:32px}.calculator-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:start}.calculator-layout>div{min-width:0}.calculator-title-row{display:flex;justify-content:space-between;gap:16px}.calculator-title-row h1{margin-bottom:10px}.segmented{display:flex;gap:4px;padding:4px;background:var(--eq-surface-secondary);border:1px solid var(--eq-border);border-radius:8px;margin-bottom:24px;flex-wrap:wrap}.segmented button{flex:1;border:0;min-height:40px;padding:8px 10px;color:var(--eq-text-secondary);background:transparent;border-radius:5px;font-size:12px;white-space:nowrap}.segmented button.active{color:var(--eq-brand);background:var(--eq-surface);box-shadow:var(--eq-shadow-sm);font-weight:600}.shared-position{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;background:var(--eq-brand-soft);border-radius:6px;margin-bottom:23px;font-size:11px;color:var(--eq-brand)}.shared-position button{color:var(--eq-brand);min-height:36px;padding:6px 9px;background:var(--eq-surface);border:1px solid var(--eq-border);border-radius:5px;font-size:11px}.result-panel{padding:25px;background:var(--eq-surface);border:1px solid var(--eq-border);border-radius:var(--eq-radius-md);min-width:0}.primary-result{padding:29px 0 26px;border-bottom:1px solid var(--eq-border)}.primary-result>span{font-size:12px;color:var(--eq-text-secondary);display:block;margin-bottom:7px}.primary-result>strong{font-size:clamp(27px,3vw,41px);line-height:1.3;letter-spacing:-1.2px;font-weight:650;display:block;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.primary-result .text-result{font-size:24px}.result-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 16px;padding:23px 0}.result-metrics>div{min-width:0}.result-metrics span{display:block;font-size:10px;color:var(--eq-text-muted);margin-bottom:5px}.result-metrics strong{display:block;font-size:15px;font-weight:550;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.result-footnote{display:flex;align-items:flex-start;gap:7px;padding-top:14px;border-top:1px solid var(--eq-border);color:var(--eq-text-muted);font-size:10px;line-height:1.6}.result-footnote eq-icon{width:13px;height:13px;margin-top:1px}.result-empty{padding:44px 12px;text-align:center}.result-empty .icon-tile{margin-bottom:18px}.result-empty h3{font-size:16px}.result-empty p{font-size:12px;max-width:280px;margin:0 auto}.result-tools{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.result-tools .btn{flex:1;padding:9px 11px;white-space:nowrap}.positive{color:var(--eq-positive)}.negative{color:var(--eq-negative)}.notice{display:flex;gap:9px;align-items:flex-start;color:var(--eq-text-muted);font-size:11px;line-height:1.7;margin:19px 0}.notice eq-icon{width:15px;height:15px;margin-top:2px}.status-message{color:var(--eq-brand);font-size:12px;margin:12px 0}.storage-warning{color:var(--eq-warning);padding:12px;border:1px solid var(--eq-border);border-radius:6px}.education{margin-top:28px}.education details{border-bottom:1px solid var(--eq-border);padding:16px 0}.education details:last-child{border:0;padding-bottom:0}.education details:first-child{padding-top:0}.education summary{cursor:pointer;font-size:13px;font-weight:600;min-height:24px}.education details p{margin:14px 0 0;font-size:12px;line-height:1.8}.formula{padding:16px;background:var(--eq-surface-secondary);border-radius:6px;color:var(--eq-text)!important}.related{margin-top:35px}.related-links{display:flex;flex-wrap:wrap;gap:10px}.related h2{font-size:16px;margin-bottom:15px}.table-wrap{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;font-weight:500;color:var(--eq-text-muted);padding:12px;border-bottom:1px solid var(--eq-border);white-space:nowrap}td{padding:14px 12px;border-bottom:1px solid var(--eq-border);font-variant-numeric:tabular-nums;white-space:nowrap}tr:last-child td{border-bottom:0}tr.highlight{background:var(--eq-brand-soft);color:var(--eq-brand)}.supplement{margin-top:24px}.supplement>p{font-size:12px}.empty-state{text-align:center;padding:60px 22px}.empty-state .icon-tile{margin-bottom:20px}.empty-state h2{margin-bottom:10px}.empty-state p{max-width:420px;margin:0 auto 24px;font-size:13px}@media(max-width:1199px){.calculator-grid{gap:12px}.calculator-card{padding:16px}.calculator-layout{gap:18px}.panel,.result-panel{padding:20px}}@media(max-width:1000px){.calculator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-layout{grid-template-columns:1fr}.result-tools .btn{flex:0 1 auto}.primary-result>strong{font-size:36px}}@media(max-width:600px){h1{font-size:29px}h2{font-size:18px}.page-header>p{line-height:1.7}.section-heading{align-items:flex-start}.section-heading .text-link{font-size:10px;white-space:nowrap;padding-top:6px}.calculator-grid{gap:12px}.calculator-card{padding:15px}.card-link h3{font-size:13px}.card-link p{font-size:11px}.card-link h3 eq-icon{display:none}.form-grid{gap:19px 14px}.panel,.result-panel{padding:20px}.result-tools .btn{flex:1}.education{margin-top:20px}.calculator-layout{gap:18px}}@media(max-width:374px){.calculator-grid,.form-grid{grid-template-columns:1fr}.panel,.result-panel{padding:17px}.primary-result>strong{font-size:31px}.result-metrics{gap:20px 12px}.result-metrics strong{font-size:14px}}@media(pointer:coarse){.nav-item,.icon-button,.card-top .icon-button{min-height:44px}.card-top .icon-button{width:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.brand{display:flex;align-items:center;gap:10px;color:var(--eq-text);font-size:25px;letter-spacing:-1.1px;font-weight:750;text-decoration:none;padding:0 10px}.brand-dot{color:var(--eq-brand)}.brand-mark{width:33px;height:36px;background:var(--eq-brand);color:var(--eq-on-brand);border-radius:9px;display:grid;place-items:center;font-size:23px}.brand-mark svg{width:32px;height:32px}.result-breakdown{border-top:1px solid var(--eq-border);padding:14px 0}.result-breakdown summary{cursor:pointer;font-size:11px;color:var(--eq-text-secondary);min-height:22px}.position-overview{padding:15px;background:var(--eq-surface-secondary);border-radius:6px;margin-bottom:22px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.position-overview>div:last-child{grid-column:1/-1}.position-overview span{display:block;font-size:10px;color:var(--eq-text-muted);margin-bottom:4px}.position-overview strong{display:block;font-size:14px;font-weight:550;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.position-overview small{font-size:11px;font-weight:400}
