.ect-rubber-calculator{max-width:1100px;margin:24px auto;font-family:Arial,"Noto Sans Thai",sans-serif;color:#17351f}.ect-header{background:linear-gradient(135deg,#14532d,#166534);color:#fff;padding:28px;border-radius:18px 18px 0 0;text-align:center}.ect-header h2{margin:0 0 8px;font-size:30px;color:#fff}.ect-header p{margin:0;color:#dcfce7}.ect-notice{background:#ecfdf5;border:1px solid #86efac;padding:16px 18px;line-height:1.65}.ect-card{background:#fff;border:1px solid #d1d5db;border-radius:14px;padding:20px;margin:18px 0;box-shadow:0 4px 14px rgba(0,0,0,.05)}.ect-card h3{margin-top:0;color:#166534}.ect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ect-grid label{display:flex;flex-direction:column;font-weight:700;gap:7px}.ect-grid input{width:100%;box-sizing:border-box;border:1px solid #9ca3af;border-radius:9px;padding:11px 12px;font-size:16px}.ect-grid input:focus{outline:3px solid rgba(34,197,94,.2);border-color:#16a34a}.ect-grid small{font-weight:400;color:#667085;line-height:1.4}.ect-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.ect-actions button{border:0;border-radius:10px;padding:12px 20px;font-weight:700;font-size:16px;cursor:pointer}.ect-primary{background:#16a34a;color:#fff}.ect-secondary{background:#e5e7eb;color:#111827}.ect-results{background:#f8fafc;border:2px solid #16a34a;border-radius:16px;padding:22px;margin-top:24px}.ect-results h3{margin-top:0;color:#14532d}.ect-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ect-result-grid>div{background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}.ect-result-grid span{font-size:14px;line-height:1.45}.ect-result-grid strong{font-size:21px;color:#166534}.ect-result-grid .ect-credit{grid-column:1/-1;background:#dcfce7;border-color:#22c55e;text-align:center}.ect-result-grid .ect-credit strong{font-size:30px}.ect-formulas{margin-top:18px;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:12px}.ect-formulas summary{cursor:pointer;font-weight:700}.ect-formulas p{line-height:1.65;margin:10px 0}.ect-warning{margin-top:16px;background:#fff7ed;border-left:5px solid #f97316;padding:14px;line-height:1.6}@media(max-width:700px){.ect-grid,.ect-result-grid{grid-template-columns:1fr}.ect-header h2{font-size:24px}.ect-result-grid .ect-credit{grid-column:auto}}@media print{body *{visibility:hidden}.ect-rubber-calculator,.ect-rubber-calculator *{visibility:visible}.ect-rubber-calculator{position:absolute;left:0;top:0;width:100%;max-width:none}.ect-form,.ect-actions,.ect-notice{display:none}.ect-results{border:1px solid #000}.ect-result-grid{grid-template-columns:1fr 1fr}}
.ect-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ect-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.ect-advanced{margin-top:16px;background:#f8fafc;border:1px solid #d1d5db;border-radius:10px;padding:14px}.ect-advanced summary{cursor:pointer;font-weight:700;color:#166534}.ect-equation-note{line-height:1.6}.ect-tree-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.ect-tree-summary>div{background:#ecfdf5;border:1px solid #86efac;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px}.ect-tree-summary span{font-size:13px}.ect-tree-summary strong{color:#14532d;font-size:18px}@media(max-width:900px){.ect-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}.ect-tree-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.ect-grid-3,.ect-grid-5,.ect-tree-summary{grid-template-columns:1fr}}