/* ERP5 sales-guide structure; Mewcar content is supplied by the features owner. */
@media(min-width:701px){body:is(.sales-guide,.sales-faq) .info-hero{height:var(--page-banner-height-web);min-height:var(--page-banner-height-web);box-sizing:border-box}}
.sales-guide .info-hero:before,.sales-guide .info-hero:after,.sales-faq .info-hero:before,.sales-faq .info-hero:after{display:none;content:none}
.sales-guide .info-hero h1,.sales-faq .info-hero h1{word-break:keep-all}
.sales-guide .info-note{font-size:var(--ui-font-13);line-height:1.7;color:var(--muted)}
.sales-guide .info-section{margin:var(--ui-section-space) 0}
.sales-guide .info-section h2{font-size:var(--ui-font-20);margin-bottom:var(--ds-16)}
.sales-guide .checklist{padding:0 var(--ds-16)}
.sales-guide .checklist article{padding:var(--ds-16) 0}
.sales-guide .checklist h3{font-size:var(--ui-font-16);margin:0 0 var(--ds-8)}
.sales-guide .checklist p,.sales-guide .step p{font-size:var(--ui-font-14);line-height:1.7}
.sales-guide .sales-contact .checklist article:last-child{grid-column:1/-1}
.sales-guide #contract-process .steps{display:block}
.sales-guide .step{min-height:0;padding:var(--ds-16);border-radius:var(--ds-8)}
.sales-guide #contract-process .step{padding:var(--ds-16) 0;border:0;border-bottom:1px solid var(--line);border-radius:0}
.sales-guide .step-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0 var(--ds-12) var(--ds-8) 0;border-radius:var(--ds-8);font-size:var(--ui-font-13);vertical-align:middle}
.sales-guide .step h3{display:inline;font-size:var(--ui-font-16);line-height:1.5;vertical-align:middle}
.sales-guide .sales-step-heading{display:flex;align-items:center;gap:var(--ds-12);margin-bottom:var(--ds-8)}
.sales-guide .sales-step-heading .step-number{margin:0;flex-shrink:0}
.sales-guide .sales-step-heading h3{display:block;margin:0}
.sales-guide .step p{margin:0}
.sales-guide #contract-process .step p{margin-left:44px}
.sales-guide .sales-section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-12);margin-bottom:var(--ds-12)}
.sales-guide .sales-section-heading h2{margin:0}
.sales-guide #copy-contract-template{min-height:var(--ui-touch);padding:var(--ds-8) var(--ds-16);font-size:var(--ui-font-14);font-weight:600;border:1px solid var(--brand-line);border-radius:var(--ds-8);color:var(--brand-dark);background:#fff;cursor:pointer;white-space:nowrap}
.sales-guide #copy-contract-template:disabled{opacity:.55;cursor:wait}
.sales-guide #contract-template{white-space:pre-wrap;overflow-wrap:anywhere;margin:var(--ds-12) 0;padding:var(--ui-group-space);background:var(--wash);border:1px solid var(--line);border-radius:var(--ds-8);font:inherit;font-size:var(--ui-font-14);line-height:1.8;user-select:text}
.sales-guide #contract-copy-status:empty{display:none}
.sales-guide #contract-copy-status{color:var(--brand-dark)}
@media(max-width:700px){
 .sales-guide .info-main{margin:0 var(--ds-gutter)}
 .sales-guide .checklist{padding:0 var(--ds-16)}
 .sales-guide .step-number{width:28px;height:28px;margin-right:var(--ds-8)}
 .sales-guide .sales-step-heading{gap:var(--ds-8)}
 .sales-guide #contract-process .step p{margin-left:36px}
 .sales-guide #contract-template{padding:var(--ds-16)}
}

.sales-guide .contract-template-card{margin:var(--ds-12) 0;padding:var(--ds-16);background:var(--wash);border:1px solid var(--line);border-radius:var(--ui-control-radius)}
.sales-guide .contract-template-toolbar{display:flex;justify-content:flex-end;margin-bottom:var(--ds-8)}
.sales-guide .contract-template-card #contract-template{margin:0;padding:0;border:0;border-radius:0;background:none}
.sales-guide #copy-contract-template{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-8);height:var(--ui-touch);min-height:var(--ui-touch);padding:0 var(--ds-12);border:0;border-radius:var(--ui-control-radius);background:none;font-size:var(--ui-font-13)}
@media(hover:hover){.sales-guide #copy-contract-template:hover{background:var(--brand-soft)}}

/* Match the measured ERP5 guide/FAQ frame, keeping Mewcar content. */
body:is(.sales-guide,.sales-faq) .info-main{padding-bottom:var(--ds-32)}
@media(min-width:701px){
 body:is(.sales-guide,.sales-faq) .info-hero{padding:var(--ds-32)}
 body:is(.sales-guide,.sales-faq) .info-hero h1{margin:var(--ds-16) 0}
}
@media(max-width:700px){
 body:is(.sales-guide,.sales-faq) .info-main{margin-inline:auto;padding-bottom:var(--ds-24)}
}