.order-guide { background: #eef1ec; }
.order-guide h2 {font-size:clamp(2rem,5vw,4rem);overflow-wrap:anywhere}
.order-guide-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0}
.order-guide-grid h3 {font-size:1.65rem;line-height:1.15}
.order-guide-grid p,.order-guide-note {color:var(--muted)}
.order-guide-note {font-size:.85rem}
.real-example-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center}
.real-example-grid h2 {font-size:clamp(2.4rem,5vw,4.5rem);overflow-wrap:anywhere}
.real-example-grid img {width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.real-example-grid p {color:#e2e7ee}.real-example-grid small{display:block;color:#b9c3d0}
.quote-intro h2 {font-size:clamp(2rem,5vw,3.8rem);overflow-wrap:anywhere}
.contact-layout>*,.process-layout>* {min-width:0}
.quote-form {min-width:0}.quote-form label {display:block;font-weight:600;margin:18px 0 7px}
.quote-form label span,.quote-helper {font-size:.82rem;color:var(--muted);font-weight:400}
.quote-form input,.quote-form select,.quote-form textarea {width:100%;min-width:0;min-height:48px;font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:4px;padding:12px}
.quote-form input:focus-visible,.quote-form select:focus-visible,.quote-form textarea:focus-visible {outline:2px solid var(--red);outline-offset:2px}
.quote-row {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.quote-form button {width:100%;margin-top:20px;cursor:pointer}
.quote-form small {display:block;margin-top:14px;color:var(--muted)}
#quote-result {margin-top:24px;border-top:1px solid var(--line);padding-top:20px}
#quote-result[hidden] {display:none}#quote-result h4 {font-size:1.1rem;margin:0 0 12px}
#quote-preview {white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.9rem;background:#eef1ec;padding:16px;border-radius:4px}
#quote-send {width:100%}
@media(max-width:900px){.order-guide-grid,.real-example-grid{grid-template-columns:minmax(0,1fr);gap:28px}.real-example-grid img{max-width:560px;margin:auto}}
@media(max-width:560px){.quote-form{padding:20px}.order-guide .button{width:100%}.process-layout h2{overflow-wrap:anywhere}.steps{min-width:0}}

.hero-layout>* {min-width:0}
@media(max-width:560px){.home-hero h1{font-size:clamp(2.4rem,10vw,3.7rem);overflow-wrap:break-word}.quote-intro,.real-example-grid>*{min-width:0}}

.page-hero h1,.detail-copy h2 {overflow-wrap:break-word}
.product-detail>* {min-width:0}