.about-strategy-page .allocation-chart-wrap{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;margin-bottom:1.5rem}.about-strategy-page .allocation-donut{flex-shrink:0}.about-strategy-page .allocation-legend{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.about-strategy-page .allocation-legend li{display:flex;align-items:center;gap:.6rem;font-size:.95rem}.about-strategy-page .allocation-legend .dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.about-strategy-page .allocation-legend .value{color:var(--text-muted);margin-left:.4rem;font-weight:600}.about-strategy-page .allocation-image{flex:1 1 320px;max-width:480px;width:100%;height:auto;border-radius:10px;box-shadow:0 2px 10px var(--shadow)}.about-strategy-page .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.about-strategy-page .kpi{background:var(--white);border-radius:10px;box-shadow:0 2px 10px var(--shadow);padding:1rem;border-left:4px solid var(--border-light)}.about-strategy-page .kpi .kpi-label{color:var(--text-muted);font-size:.9rem}.about-strategy-page .kpi .kpi-value{font-size:1.5rem;font-weight:700;margin:.25rem 0}.about-strategy-page .kpi .kpi-value.primary{color:var(--primary-green-dark)}.about-strategy-page .kpi .kpi-value.success{color:#0f9d58}.about-strategy-page .kpi .kpi-value.accent{color:#7b61ff}.about-strategy-page .kpi .kpi-value.warning{color:#ff7a00}.about-strategy-page .kpi .kpi-note{color:var(--text-muted);font-size:.85rem;line-height:1.4;margin:0}@media(max-width:480px){.about-strategy-page .kpis{grid-template-columns:1fr}}.about-strategy-page .allocation-list{list-style:disc inside;display:grid;grid-template-columns:1fr;gap:1rem;padding:0}.about-strategy-page .allocation-list>li{min-width:0}.about-strategy-page section{margin:2rem 0}.about-strategy-page .notes ul{list-style:disc inside;padding:0}.strategy-tools{margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--border-light)}.strategy-tools h2{margin-bottom:.75rem}.strategy-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.strategy-links li a{color:var(--primary-green);text-decoration:none;font-weight:500}.strategy-links li a:hover{text-decoration:underline}.about-strategy-page .allocation-details{margin-top:.75rem}.about-strategy-page .allocation-details summary{cursor:pointer;color:var(--link-green);font-weight:500;font-size:.9rem}.about-strategy-page .allocation-details summary:hover{color:var(--link-green-dark)}.about-strategy-page .allocation-details-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:.5rem;font-size:.9rem}.about-strategy-page .allocation-details-table td{padding:.35rem .5rem;border-bottom:1px solid var(--border-light)}.about-strategy-page .allocation-details-table td.right{text-align:right;white-space:nowrap}.about-strategy-page .allocation-details-table th:first-child,.about-strategy-page .allocation-details-table td:first-child{position:sticky;left:0;z-index:1;min-width:9rem}.about-strategy-page .allocation-details-table td:first-child{background:var(--background-light);box-shadow:1px 0 0 var(--border-light)}.about-strategy-page .allocation-details-table th:first-child{z-index:3;box-shadow:1px 0 0 var(--border-light)}.about-strategy-page .allocation-target{color:var(--text-muted);font-size:.85rem;font-weight:400}.about-strategy-page .table-wrapper{max-width:100%;max-height:60vh;overflow:auto}.about-strategy-page .allocation-details-table thead th{background:var(--background-light);color:var(--text-dark);text-align:left;padding:.35rem .5rem;white-space:normal;line-height:1.25;position:sticky;top:0;z-index:2}.about-strategy-page .allocation-details-table th.right{text-align:right}.about-strategy-page .allocation-details-table td.positive{color:#0f9d58}.about-strategy-page .allocation-details-table td.negative{color:#e74c3c}.about-strategy-page .allocation-details-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.about-strategy-page .allocation-details-table th.sortable:hover,.about-strategy-page .allocation-details-table th.sortable:active{background:var(--border-light)}.about-strategy-page .allocation-details-table .sort-indicator{color:var(--text-muted);font-size:.75rem;white-space:nowrap;opacity:.5}.about-strategy-page .allocation-details-table .sort-indicator.active{color:var(--link-green);opacity:1;font-weight:700}
