.roofline,.mechanism{min-width:0;margin:20px 0;padding:18px 0;border-block:1px solid #d4d9cd;color:inherit;font-family:inherit;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.roofline h4,.mechanism figcaption{font-family:inherit;font-size:13px;font-weight:600;line-height:1.5;letter-spacing:0;margin:0 0 10px}.roofline p{margin:10px 0;font-size:13px;line-height:1.7}.roofline svg{width:100%;height:auto;display:block;margin:16px 0;overflow:visible}.roofline text{font-family:inherit;font-size:12px;fill:#596252}.roofline .roofline-grid{stroke:#dcded6;stroke-width:1}.roofline .roofline-bound{stroke:#8c652b;stroke-width:3;fill:none}.roofline .roofline-point{fill:#2d6758;stroke:#fff;stroke-width:2}.roofline label{display:block;font-size:12px;font-weight:500}.roofline input{display:block;width:100%;min-width:0;margin:12px 0;accent-color:#2d6758}.roofline small,.mechanism small{display:block;font-size:11px;line-height:1.65;color:#646960}.roofline .roofline-result{border-left:2px solid #c9d4c5;padding-left:12px;font-size:13px}.roofline .roofline-sources{font-size:11px}.roofline a,.mechanism a{color:#2d6758;text-decoration:underline;text-underline-offset:3px}.mechanism ol{margin:12px 0;padding-left:20px}.mechanism select{display:block;width:100%;min-width:0;margin-top:8px;padding:8px;font:inherit;font-size:12px;color:inherit;background:transparent;border:1px solid #c8cdbf;border-radius:0}.mechanism .contact-band{display:flex;align-items:center;gap:12px;margin:16px 0;font-size:12px}.mechanism .contact-dot{border-radius:50%;background:#987344;display:inline-block;flex-shrink:0}.mechanism .micro{width:5px;height:5px}.mechanism .c4{width:12px;height:12px}.mechanism .bga{width:26px;height:26px}.mechanism .partition{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:6px;margin-top:12px}.mechanism .partition.SPX,.mechanism .partition.CPX span{border:1px solid #62794e}.mechanism .partition span{padding:6px 2px;background:#edf0e5;text-align:center;font-size:10px}.roofline{container-type:inline-size}.roofline svg{max-width:520px}@container (max-width: 360px){.roofline text{font-size:16px}}