.mag-labs{margin-top:3rem}.mag-lab{border:1px solid var(--line,#d9dfd7);border-radius:18px;padding:24px;margin:22px 0;background:#f8faf6}.mag-layout{display:grid;grid-template-columns:minmax(185px,.75fr) minmax(0,1.6fr);gap:28px;align-items:start}.mag-control{display:grid;grid-template-columns:1fr auto;gap:8px;margin:14px 0;font-size:.9rem}.mag-control input,.mag-control select{grid-column:1/-1;width:100%;accent-color:#476b58}.mag-control select{padding:10px;border-radius:8px;border:1px solid #becabd;background:white;color:#263e32}.mag-svg{width:100%;height:auto;display:block;overflow:visible;font-family:Arial,sans-serif}.mag-lab p{overflow-wrap:anywhere}.mag-readout{background:#edf3ed;padding:13px 16px;border-radius:10px}.mag-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:.85rem}.mag-legend span::before{content:'●';margin-right:5px}.mag-green{color:#416e5b}.mag-orange{color:#b2633b}.mag-blue{color:#487ba3}.mag-warning{border-left:3px solid #b68151;padding-left:16px}.mag-check details{margin:10px 0}.mag-check summary{cursor:pointer;font-weight:600}.mag-phase{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.mag-phase div{background:#edf3ed;padding:12px;border-radius:8px;font-size:.85rem}@media(max-width:760px){.mag-layout{grid-template-columns:1fr;gap:12px}.mag-lab{padding:15px}.mag-phase{grid-template-columns:1fr 1fr}.mag-svg{min-width:0}}