.op-customizer{background:#fff;border:1px solid #dbe4de;border-radius:18px;padding:clamp(18px,4vw,38px);margin:30px 0}.op-settings{display:flex;gap:20px;flex-wrap:wrap;margin:24px 0}.op-settings label{display:grid;gap:8px;flex:1;min-width:200px}.op-customizer input{font:inherit;padding:10px 12px;border:1px solid #aebfb5;border-radius:6px;background:#fff;color:#213b2e;width:100%}.op-settings input[type=number]{max-width:120px}.op-columns{display:grid;gap:8px;margin:18px 0}.op-column{display:flex;align-items:center;gap:8px}.op-column input{flex:1;min-width:120px}.op-column button,.op-secondary{font:inherit;background:#f4f7f3;border:1px solid #cbd8cf;border-radius:6px;padding:8px 10px;cursor:pointer;color:#294b37}.op-customizer button:disabled{opacity:.45;cursor:not-allowed}.op-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.op-preview{overflow:auto;margin:24px 0;border:1px solid #d4ded7;border-radius:8px}.op-preview table{border-collapse:collapse;min-width:900px;width:100%;font-size:12px}.op-preview caption{text-align:left;padding:16px;font-weight:600;font-size:18px}.op-preview th{background:#eaf3ec;text-align:left;padding:12px 8px;min-width:70px;max-width:160px;overflow-wrap:anywhere}.op-preview td{height:35px}.op-preview th,.op-preview td{border:1px solid #d4ded7}.op-status{min-height:1.5em;margin-top:15px}.op-card-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;font-size:9px;margin-top:9px;border-bottom:1px solid #d3ded6;padding-bottom:6px}.op-card-columns span{overflow:hidden;white-space:nowrap}.op-source{border-left:3px solid #bad1bf;padding:0 0 0 18px}.op-list-intro{max-width:760px}.op-columns-help{font-size:14px;color:#526359}@media(max-width:600px){.op-column{flex-wrap:wrap;border-bottom:1px solid #e6ebe7;padding-bottom:10px}.op-column input{flex-basis:100%}.op-column button{flex:1;font-size:12px}.op-customizer{padding:16px}.op-controls .button{width:100%;justify-content:center}}

.op-detail-hero h1{font-size:clamp(21px,2.2vw,28px);line-height:1.3;font-weight:500;margin-bottom:18px;color:#496654}.op-detail-hero h2{font-size:clamp(32px,4.5vw,58px);line-height:1.08;letter-spacing:-.035em;max-width:950px;margin:0 auto 24px;font-weight:600}