.strategy-matrix-card{--state:#172b52}
.strategy-matrix{display:block;width:100%;height:auto;margin:0 0 7px;overflow:visible}
.strategy-matrix-card .reflection-instruction{margin-bottom:16px}
.strategy-rating+.strategy-rating{margin-top:8.5px}
.strategy-rating label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.85rem;font-weight:700;line-height:1.3;color:#172b52}
.strategy-rating output{color:var(--state);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:750}
.strategy-rating input[type=range]{height:7px;margin:6.5px 0 4px;width:100%}
.strategy-rating input:focus-visible{outline:2px solid #172b52;outline-offset:5px}
.strategy-rating-scale{display:flex;justify-content:space-between;color:#738197;font-size:.63rem;line-height:1.3}
@media(max-width:800px){.strategy-matrix-card{max-width:390px}.strategy-matrix{max-width:320px;margin-left:auto;margin-right:auto}}
.strategy-controls{border:1px solid #cdd7e2;border-radius:14px;background:#fff;overflow:hidden;margin-top:4.5px}
.strategy-point-picker{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;background:#e9eef5;border-bottom:1px solid #cdd7e2}
.strategy-point-picker button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:33.6px;padding:7.2px 5px;border:0;background:transparent;color:#526176;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}
.strategy-point-picker button+button{border-left:1px solid #cdd7e2}
.strategy-point-picker button[aria-selected=true]{background:#fff;color:#172b52;box-shadow:0 1px 0 #fff}
.strategy-point-picker button[aria-selected=true]::before{content:"";position:absolute;inset:0 16px auto;height:3px;border-radius:0 0 3px 3px;background:var(--state)}
.strategy-tab-symbol{display:inline-block;width:12px;height:12px;flex:0 0 12px;border-radius:50%;font-size:0}
[data-matrix-view=today] .strategy-tab-symbol{background:#172b52;border:2px solid #172b52}
[data-matrix-view=future] .strategy-tab-symbol{background:#fff;border:2px solid #b77912}
.strategy-point-picker button:focus-visible{outline:3px solid #172b52;outline-offset:2px}
.strategy-editing{font-size:.75rem;color:#526176;margin:0 0 6px}

#matrix-tab-panel{padding:7.5px 12px}
.strategy-pagination{display:flex;justify-content:center;margin:0 0 3px}
.strategy-page-dot[aria-current=true]::after{background:var(--state)}
.strategy-controls[data-active-view=today] input[type=range]::-webkit-slider-thumb{background:#172b52;border:3px solid #fff;box-shadow:0 0 0 1px #172b52,0 2px 5px #172b5230}
.strategy-controls[data-active-view=future] input[type=range]::-webkit-slider-thumb{background:#fff;border:3px solid #b77912}
.strategy-controls[data-active-view=today] input[type=range]::-moz-range-thumb{background:#172b52;border:3px solid #fff;box-shadow:0 0 0 1px #172b52}
.strategy-controls[data-active-view=future] input[type=range]::-moz-range-thumb{background:#fff;border:3px solid #b77912}
.strategy-matrix-card{position:relative;padding-top:16px;padding-bottom:7px}
.strategy-reset-row{position:absolute;top:5px;right:7px;margin:0;display:flex}
.strategy-reset{position:relative;font:inherit;font-size:.7rem;color:#526176;background:transparent;border:0;border-radius:50%;padding:0;width:26px;height:26px;display:grid;place-items:center;cursor:pointer}
.strategy-reset::before{content:"";position:absolute;width:13px;height:13px;border:1px solid #cdd7e2;border-radius:50%}
.strategy-reset svg{width:7px;height:7px;position:relative}
.strategy-reset:hover{color:#172b52}
.strategy-reset:hover::before{background:#fff}
.strategy-reset:focus-visible{outline:2px solid #172b52;outline-offset:2px}

.strategy-gap-line{fill:none;stroke:#526176;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.strategy-gap-label,.strategy-dot-label{font-family:Inter,Segoe UI,sans-serif;font-weight:700;fill:#172b52;stroke:#fff;stroke-width:5px;paint-order:stroke fill;stroke-linejoin:round;pointer-events:none}
.strategy-gap-label{font-size:12px;font-style:italic}
.strategy-dot-label{font-size:13px}.strategy-dot-label.future{fill:#95620e}
