.matrix-reading{margin-block:1.5rem;padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--outline-soft,#59675f);border-radius:10px;background:var(--surface-deep,#0d171a);color:var(--text-strong,#f7f0df);overflow-wrap:anywhere;min-width:0}.matrix-reading summary{min-height:44px;box-sizing:border-box;cursor:pointer;padding-block:.5rem;line-height:1.6;font-weight:700;color:var(--accent-strong,#f0c96a)}.matrix-reading summary:focus-visible{outline:3px solid var(--accent-strong,#f0c96a);outline-offset:3px}.matrix-reading p{line-height:1.7}.matrix-reading-chart{margin:1.5rem 0}.matrix-reading-chart figcaption{font-weight:700;line-height:1.6;color:inherit}.matrix-reading-bar{display:flex;gap:3px;min-height:44px;margin-block:1rem;direction:ltr}.matrix-reading-bar span{display:flex;align-items:center;justify-content:center;min-width:0;border-radius:3px;font-weight:750;color:#101b21}.matrix-reading-status-0{background:#8dc9b2;flex:6}.matrix-reading-status-1{background:#f0acb6;flex:2}.matrix-reading-status-2{background:#e6c77c;flex:3}.matrix-reading-status-3{background:#b9c5d0;flex:1}.matrix-reading-chart ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;list-style:none!important;padding:0!important;margin:1rem 0}.matrix-reading-chart li{display:grid;grid-template-columns:1rem minmax(0,1fr) auto;gap:.6rem;align-items:start;line-height:1.6;margin:0}.matrix-reading-key{display:block;width:1rem;height:1rem;border-radius:3px;margin-top:.3rem}.matrix-reading-chart bdi{font-weight:700;font-variant-numeric:tabular-nums}.matrix-reading-ratios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.matrix-reading-ratios>div{padding:1rem;border:1px solid var(--outline-soft,#59675f);border-radius:8px;background:var(--surface-raised,#152126)}.matrix-reading-ratios dt{font-weight:700;color:inherit}.matrix-reading-ratios dd{margin:.75rem 0 0;color:inherit}.matrix-reading-ratios dd>bdi{display:block;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:750;font-variant-numeric:tabular-nums}.matrix-reading-ratios p{margin-bottom:0}.matrix-reading-limit{border-inline-start:3px solid var(--accent-strong,#f0c96a);padding-inline-start:1rem}@media(max-width:640px){.matrix-reading-chart ul,.matrix-reading-ratios{grid-template-columns:minmax(0,1fr)}}
