.envelope-panel{overflow:hidden}.envelope-panel .panel-header h2 .thai-subtitle{display:block;font-size:12px;font-weight:400;margin-top:4px}.envelope-panel .panel-header p{font-size:12px;line-height:1.6;color:#61738d;margin:8px 0 0}.envelope-body{padding:18px 22px}.envelope-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.envelope-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#52657f}.envelope-legend span:before{content:"";display:inline-block;width:19px;border-top:3px solid #2864da;margin-right:6px;vertical-align:middle}.envelope-legend .envelope-lower:before{border-color:#9359b4}.envelope-legend .envelope-capacity:before{border-color:#64748b;border-top-style:dashed}.envelope-check{display:flex;align-items:center;gap:7px;font-size:12px;margin:0}.envelope-check input{width:16px;height:16px;margin:0}.envelope-diagram{margin:22px 0 10px}.envelope-diagram-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.envelope-diagram-heading h3{font-size:14px;margin:0}.envelope-diagram-heading span{font-size:12px;color:#61738d}.envelope-chart{width:100%;cursor:crosshair;touch-action:pan-y;border-radius:6px}.envelope-chart:focus-visible{outline:2px solid #2864da;outline-offset:3px}.envelope-chart svg{display:block;width:100%;height:auto;min-height:155px}.envelope-chart text{font-family:inherit;font-size:11px;fill:#61738d}.envelope-note{font-size:12px;line-height:1.7;color:#61738d;margin:12px 0}.envelope-peaks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0}.envelope-peaks button{text-align:left;border:1px solid #d9e3f0;border-radius:8px;background:#f7faff;padding:11px;cursor:pointer;color:#243d5d;min-width:0}.envelope-peaks button:hover{border-color:#2864da;background:#edf4ff}.envelope-peaks span,.envelope-peaks strong,.envelope-peaks small{display:block}.envelope-peaks span{font-size:11px;color:#61738d}.envelope-peaks strong{font-size:14px;margin:5px 0;overflow-wrap:anywhere}.envelope-peaks small{font-size:10px;color:#61738d}.envelope-position{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr);gap:12px;background:#f3f6fb;border:1px solid #e1e8f1;padding:14px;border-radius:8px}.envelope-position label{font-size:11px;line-height:1.5;display:block;margin:0 0 6px}.envelope-position input,.envelope-position select{width:100%;min-width:0}.envelope-position input[type=range]{grid-column:1/-1;margin:4px 0;height:20px;accent-color:#2864da}.envelope-inspect-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:22px 0 14px}.envelope-inspect-heading h3{font-size:15px;margin:0}.envelope-inspect-heading span{font-size:12px;color:#52657f;overflow-wrap:anywhere}.envelope-demand-tables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.envelope-demand-tables h4{font-size:12px;margin:0 0 8px}.envelope-demand-tables table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px}.envelope-demand-tables td,.envelope-demand-tables th{text-align:left;vertical-align:top;padding:8px 6px;border-bottom:1px solid #e2e9f2;overflow-wrap:anywhere;font-weight:400}.envelope-demand-tables thead th{color:#61738d;background:#f5f8fc}.envelope-demand-tables th:first-child{width:24%}.envelope-demand-tables th:nth-child(2){width:30%}.envelope-steel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.envelope-steel-card{border:1px solid #dce5ef;border-radius:8px;padding:14px;min-width:0}.envelope-steel-card h4{margin:0;font-size:13px}.envelope-case{font-size:11px;line-height:1.5;color:#61738d;overflow-wrap:anywhere;min-height:32px}.envelope-steel-card dl{margin:12px 0}.envelope-steel-card dl div{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #edf1f7;font-size:11px;flex-wrap:wrap}.envelope-steel-card dt{color:#61738d}.envelope-steel-card dd{margin:0;font-weight:600;overflow-wrap:anywhere}.envelope-card-note{color:#61738d;font-size:10px;line-height:1.6;overflow-wrap:anywhere;margin:12px 0 0}.envelope-review{border-color:#d4a960;background:#fffcf6}.envelope-warning{padding:12px;background:#fff4e2;border-radius:6px;font-size:12px;line-height:1.6;color:#795421;overflow-wrap:anywhere}.envelope-limit{border-top:1px solid #e2e9f2;padding-top:12px;margin-bottom:0}
@media(max-width:1050px){.envelope-steel-grid{grid-template-columns:1fr 1fr}.envelope-steel-grid article:last-child{grid-column:1/-1}.envelope-demand-tables{grid-template-columns:1fr}}
@media(max-width:600px){.envelope-body{padding:16px 12px}.envelope-peaks{grid-template-columns:1fr 1fr}.envelope-steel-grid{grid-template-columns:1fr}.envelope-position{grid-template-columns:1fr;padding:12px}.envelope-position input[type=range]{grid-column:1}.envelope-chart svg{min-height:150px}.envelope-diagram-heading h3{font-size:12px}.envelope-legend{gap:8px;font-size:10px}.envelope-inspect-heading h3{font-size:14px}.envelope-steel-card dl div{flex-wrap:nowrap}.envelope-steel-card dd{text-align:right}.envelope-demand-tables th:first-child{width:24%}.envelope-demand-tables th:nth-child(2){width:29%}.envelope-diagram{margin-top:20px}}