/* About, contact, OEM, legal and 404 pages (load after shop.css) */

/* Contact methods */
.reach-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;list-style:none}
.reach-cards li{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.4rem}
.reach-cards h3{font-size:1.1rem;margin-bottom:.3rem}
.reach-cards a{font-weight:600;color:var(--blue-d);overflow-wrap:anywhere}
.reach-cards p{font-size:.93rem;color:var(--muted);margin-top:.3rem}

/* Quote form */
.quote{display:grid;grid-template-columns:1.3fr .7fr;gap:3rem;align-items:start}
.qform{background:#fff;border:1px solid var(--line);border-radius:24px;padding:1.8rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.2rem}
.qform label{display:grid;gap:.3rem;font-size:.88rem;font-weight:600;color:var(--muted)}
.qform .full{grid-column:1/-1}
.qform input,.qform select,.qform textarea{font:inherit;font-size:1rem;color:var(--night);padding:.7rem .9rem;border:1.5px solid var(--line);border-radius:12px;background:#fff;min-width:0;width:100%}
.qform textarea{min-height:8rem;resize:vertical}
.qform input:focus,.qform select:focus,.qform textarea:focus{outline:none;border-color:var(--blue)}
.qform .req{color:#c62828}
.qform .actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}
.qform .note{grid-column:1/-1;margin-top:0}
.qform .status{grid-column:1/-1;font-weight:600;color:var(--blue-d)}
.qform .status:empty{display:none}

/* Long-form text (about, legal) */
.doc{max-width:46rem}
.doc h2{font-size:clamp(1.45rem,2.5vw,1.9rem);font-weight:700;max-width:none;margin:2.4rem 0 .8rem}
.doc h2:first-child{margin-top:0}
.doc p+p{margin-top:1rem}
.doc ul{margin:.8rem 0 0 1.2rem;display:grid;gap:.4rem}
.doc a{color:var(--blue-d);font-weight:600}
.updated{font-size:.95rem;color:#c3d3e0}

/* Category jump links */
.jump{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none}
.jump a{display:block;padding:.55rem 1.1rem;border-radius:999px;color:#fff;font-weight:500;text-decoration:none}

/* Service cards (OEM page) */
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;list-style:none}
.svc li{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.6rem}
.svc h3{font-size:1.2rem;margin-bottom:.4rem}
.svc p{color:var(--muted);font-size:.96rem}

@media(max-width:900px){
  .reach-cards{grid-template-columns:1fr 1fr}
  .quote,.svc{grid-template-columns:1fr}
}
@media(max-width:520px){
  .reach-cards{grid-template-columns:1fr}
  .qform{grid-template-columns:1fr;padding:1.2rem}
}