/* The optional guide keeps the same cream, coral and dark-green visual language. */
.commerce-panel{max-width:1100px;margin:32px auto 60px;scroll-margin-top:20px}
.commerce-card{background:#fffaf1;border:1px solid #dcd7c7;border-radius:24px;padding:clamp(22px,5vw,56px);box-shadow:0 12px 50px #203e350a;overflow-wrap:anywhere}
.commerce-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.commerce-top .text-button{flex-shrink:0}
.commerce-card>h2{font-family:var(--serif,Georgia,serif);font-weight:400;font-size:clamp(30px,4vw,46px);line-height:1.15;margin:0 0 20px;letter-spacing:-1px}
.commerce-card>p{line-height:1.7;max-width:780px}
.commerce-selection{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:9px 24px;padding:22px;background:#f1f0df;border-radius:14px;margin:24px 0}
.commerce-selection dt{font-size:12px;color:#5e6557}.commerce-selection dd{margin:0;font-size:14px}
.commerce-disclosure,.commerce-boundary{font-size:12px;color:#545c50}.commerce-boundary{font-weight:600}
.commerce-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.commerce-actions button{white-space:normal;text-align:center;line-height:1.5;max-width:100%}
.commerce-order{background:#f5efe3;border:1px solid #e3d9c5;border-radius:12px;padding:16px;font-size:12px;word-break:break-word}.commerce-order code{font-size:12px;user-select:all}.commerce-order a{display:inline-block;margin-top:8px}
.commerce-card .commerce-footnote{font-size:11px;color:#686c5d;margin-top:24px}
.commerce-test-notice{background:#ffe5aa;border:2px solid #916216;color:#523b10;padding:16px;border-radius:12px;font-weight:700}
.commerce-recover{display:block;font-size:13px;margin:22px 0 10px}.commerce-card input{display:block;box-sizing:border-box;width:100%;max-width:560px;padding:13px;border:1px solid #9da78f;border-radius:9px;background:#fffdf6;font:inherit;margin:0 0 12px}
.commerce-report{border-top:1px solid #dcd7c7;margin-top:28px;padding-top:12px}.commerce-report .result-header{margin-top:35px}.commerce-report .result-header h1{font-size:clamp(34px,5vw,58px)}
.commerce-report-text{font-family:inherit;font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:20px 0;user-select:text}
.commerce-copy{border-top:1px solid #dcd7c7;margin-top:28px;padding-top:20px}.commerce-copy summary{cursor:pointer;font-size:13px}
#commerce-reopen{font-size:12px}#commerce-reopen[hidden],.commerce-panel[hidden]{display:none!important}
@media(max-width:600px){.commerce-top{align-items:flex-start}.commerce-top .eyebrow{font-size:9px}.commerce-card{border-radius:18px}.commerce-selection{gap:10px 12px;padding:16px}.commerce-actions{flex-direction:column}.commerce-actions button{width:100%}.commerce-report .context-grid,.commerce-report .detail-grid,.commerce-report .plan,.commerce-report .decision-grid{grid-template-columns:1fr}}