@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#243831;--muted:#7c8977;--green:#365e48;--line:#e6ebe2;--bg:#f5f7f4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}main{max-width:1330px;margin:0 auto;padding:44px 38px 52px}a{color:#5d7950;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #789b5f;outline-offset:4px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;color:#829079}.page-heading h1{font:750 34px 'Manrope';letter-spacing:-1.3px;margin:9px 0}.page-heading h1 span{color:#77a05c}.page-heading p{font-size:12px;color:#7d8b76;margin:8px 0}.refresh-button{display:inline-flex;align-items:center;gap:9px;justify-content:center;border:0;border-radius:7px;background:#2c4a3c;color:#fff;padding:12px 18px;font-size:12px;font-weight:500;min-width:106px}.refresh-button:hover{background:#385b49}.refresh-button:disabled{cursor:wait;opacity:.75}.refresh-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.refresh-button:disabled svg{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.refresh-status{font-size:10px;color:#8a977f;margin:20px 0 24px;min-height:16px;line-height:1.7}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.panel{display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:13px;padding:24px 25px 0;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.panel h2{font:650 19px 'Manrope';letter-spacing:-.6px;margin:6px 0 0}.range-tag{font-size:10px;font-weight:500;background:#eff4e9;color:#78945d;border:1px solid #e2ead8;border-radius:5px;padding:6px 9px}.headline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:23px}.headline>strong{font:650 34px 'Manrope';letter-spacing:-1px;white-space:nowrap;font-variant-numeric:tabular-nums}.headline>strong small{font:400 11px 'DM Sans';letter-spacing:0;color:#87957b}.headline>span{font-size:12px;font-weight:500;line-height:1.6;text-align:right;color:#6e8559;font-variant-numeric:tabular-nums}.headline>span small{display:block;font-size:10px;font-weight:400;color:#8e9c7f}.subtitle{font-size:10px;line-height:1.8;color:#8b987e;margin:7px 0 13px;min-height:18px}.lithium-capture{display:flex;align-items:center;flex:1;min-height:300px;margin:0 -6px 14px}.lithium-capture img{display:block;width:100%;height:auto}.market-chart{position:relative;height:300px;min-width:0;margin-bottom:15px}.commodity-chart{flex:1;min-height:300px}.market-chart svg{display:block;width:100%;height:100%;overflow:visible}.market-chart svg text{font:10px 'DM Sans',Arial,sans-serif;fill:#839175}.market-chart svg .market-axis-unit{fill:#728561}.market-gridline{stroke:#edf1e8;stroke-width:1}.market-tooltip{position:absolute;z-index:4;pointer-events:none;background:#2c493a;color:#f6f8f2;padding:11px 12px;border-radius:7px;font-size:10px;line-height:1.7;box-shadow:0 4px 15px #203d3725;max-width:220px}.market-tooltip strong{font-weight:550;display:block;padding-bottom:4px;border-bottom:1px solid #ffffff25;margin-bottom:5px}.market-empty{padding:70px 20px;text-align:center;color:#8c977e;font-size:12px;line-height:1.7}.panel-note{font-size:10px;line-height:1.7;color:#91a082;margin:0 0 15px;min-height:34px}.source-line{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:auto;padding:15px 0;border-top:1px solid #edf0e8;font-size:10px;color:#98a78a;line-height:1.7}.source-line a{font-size:10px;white-space:nowrap;color:#71865c}.dashboard-section{margin-top:33px}.section-heading{margin-bottom:17px}.section-heading h2{font:650 22px 'Manrope';letter-spacing:-.7px;margin:7px 0 0}.section-heading p{font-size:11px;color:#8b9b7c;margin:9px 0 0;line-height:1.8}.section-note{font-size:10px;line-height:1.8;color:#91a17f;margin:13px 0 0;padding:0 2px}.section-note a{text-decoration:underline;text-underline-offset:3px}.market-legend{display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px 11px;margin:5px 0 14px;min-height:34px}.market-legend>span{display:inline-flex;align-items:center;gap:5px;font-size:9px;line-height:1.6;color:#8a9a7a}.market-legend i{display:inline-block;width:12px;height:3px;border-radius:1px;flex-shrink:0}.market-legend>.previous i{background:#b4c0ad}
@media(min-width:1450px){main{padding-top:50px}.panel{padding:27px 29px 0}.headline>strong{font-size:38px}.lithium-capture,.commodity-chart{min-height:330px}.market-chart{height:320px}}
@media(max-width:850px){main{padding:30px 22px 35px}.panel-grid{gap:17px}.panel{padding:20px 18px 0}.headline>strong{font-size:30px}.headline>span{font-size:11px}.headline>strong small{font-size:10px}.lithium-capture,.commodity-chart{min-height:260px}.market-chart{height:275px}.source-line{font-size:9px;gap:8px}.source-line a{font-size:9px}.market-legend{min-height:50px}.panel h2{font-size:18px}.page-heading h1{font-size:31px}}
@media(max-width:650px){main{padding:27px 16px 30px}.panel-grid{grid-template-columns:1fr;gap:18px}.page-heading{align-items:center;gap:12px}.page-heading h1{font-size:27px;letter-spacing:-1px}.page-heading p{font-size:11px;line-height:1.7;max-width:260px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.refresh-button{font-size:11px;padding:10px 12px;min-width:90px;gap:6px}.refresh-button svg{width:13px;height:13px}.panel{padding:22px 21px 0}.headline>strong{font-size:34px}.headline>strong small{font-size:11px}.headline>span{font-size:12px}.lithium-capture,.commodity-chart{min-height:260px}.market-chart{height:285px}.market-legend{min-height:30px}.source-line,.source-line a{font-size:10px}.dashboard-section{margin-top:28px}.section-heading h2{font-size:20px}.subtitle{font-size:11px}.panel-note{font-size:11px}.market-legend>span{font-size:10px}.refresh-status{font-size:10px;margin-top:17px;min-height:28px}}
@media(max-width:380px){main{padding-left:12px;padding-right:12px}.page-heading h1{font-size:24px}.page-heading p{font-size:10px}.refresh-button{font-size:10px;min-width:80px;padding:9px 11px}.panel{padding-left:17px;padding-right:17px}.headline>strong{font-size:30px}.headline>span{font-size:11px}.source-line,.source-line a{font-size:9px}.market-chart{height:270px}.lithium-capture,.commodity-chart{min-height:230px}.subtitle{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Compact dashboard: three financing cards, then two short rows. */
main{max-width:1450px;padding:21px 25px 25px}.page-heading{gap:15px}.page-heading h1{font-size:27px;line-height:1.2;margin:4px 0 0}.page-heading p{display:none}.page-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.refresh-button{padding:9px 14px;font-size:11px;min-width:95px}.refresh-status{font-size:10px;line-height:1.5;margin:7px 0 12px;min-height:15px}.dashboard-section{margin-top:17px}.financing-section{margin-top:0;margin-bottom:16px}.section-heading{margin-bottom:9px}.section-heading .eyebrow{display:none}.section-heading h2{font-size:17px;letter-spacing:-.4px;margin:0}.section-heading p{font-size:10px;margin-top:3px;line-height:1.4}.panel-grid{gap:14px}.finance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{height:330px;padding:14px 15px 0;border-radius:10px;overflow:hidden}.finance-grid .panel{height:310px}.panel-heading{gap:8px;min-height:22px}.panel-heading .eyebrow{display:none}.panel h2{font-size:16px;letter-spacing:-.45px;line-height:1.2;margin:0}.range-tag{font-size:8px;padding:4px 6px;border-radius:4px}.headline{margin-top:8px;gap:8px}.headline>strong{font-size:29px;line-height:1.2;letter-spacing:-.8px}.headline>strong small{font-size:10px}.headline>span{font-size:11px;line-height:1.3}.headline>span small{font-size:9px}.subtitle{font-size:9px;line-height:1.5;margin:4px 0 7px;min-height:14px}.panel-note{display:none}.source-line{font-size:9px;padding:7px 0;line-height:1.5;gap:7px;flex-shrink:0}.source-line a{font-size:9px}.market-legend{min-height:14px;gap:3px 9px;margin:0 0 5px;flex-shrink:0}.market-legend>span{font-size:9px;line-height:1.4}.market-legend i{width:10px;height:2px}.power-grid .market-legend{min-height:26px}.market-chart{flex:1;min-height:115px;height:0;margin:0 0 7px}.market-chart svg text{font-size:10px}.commodity-chart{min-height:115px}.lithium-capture{flex:1;min-height:0;height:0;margin:2px -3px 7px;overflow:hidden}.lithium-capture img{width:100%;height:100%;object-fit:contain}.market-empty{padding:25px 15px;font-size:11px}.section-note{font-size:9px;line-height:1.4;margin:7px 0 0}.swap-subtitle{margin:5px 0 7px}.swap-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px;font-variant-numeric:tabular-nums;flex:1}.swap-table th,.swap-table td{text-align:right;padding:2px 2px;white-space:nowrap}.swap-table thead{color:#8a977e;font-size:9px}.swap-table thead th{font-weight:500;padding:5px 2px 7px;border-bottom:1px solid #e8eee1}.swap-table th:first-child{text-align:left;width:22%}.swap-table tbody th{font-weight:500;color:#6c7e5a}.swap-table tbody td{color:#536c45}.swap-table tbody td:nth-child(n+3){color:#8b9a7c}.swap-table tbody tr+tr{border-top:1px solid #f1f4ed}.swap-panel .source-line{margin-top:7px}.swap-panel .source-line span{font-size:8px}.market-tooltip{padding:8px 10px;font-size:10px;line-height:1.5}
@media(max-width:1040px) and (min-width:651px){.finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.swap-panel{grid-column:1/-1}.finance-grid .swap-panel{height:280px}.swap-table{font-size:12px}.swap-table th:first-child{width:24%}}
@media(max-width:650px){main{padding:18px 13px 22px}.page-heading h1{font-size:24px}.page-heading .eyebrow{font-size:7px}.refresh-button{font-size:10px;min-width:83px;padding:9px 10px}.refresh-status{font-size:9px;margin-bottom:12px;min-height:26px}.panel-grid,.finance-grid{grid-template-columns:1fr;gap:12px}.panel,.finance-grid .panel{height:300px;padding:14px 15px 0}.finance-grid .swap-panel{height:300px}.financing-section{margin-bottom:13px}.dashboard-section{margin-top:15px}.financing-section{margin-top:0}.panel h2{font-size:16px}.headline>strong{font-size:29px}.subtitle{font-size:9px}.source-line,.source-line a{font-size:9px}.swap-table{font-size:11px}.section-heading h2{font-size:16px}.section-heading p{font-size:9px}.market-legend>span{font-size:9px}}