/* Project examples on engineering and condition-monitoring pages. */
.sample-record{border-block:1px solid #d6e5ee;background:#f6fafd;color:#153550}
.sample-record .record-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(15rem,1fr);gap:clamp(1.25rem,4vw,3.75rem);align-items:start}
.sample-record h2{font-size:clamp(1.7rem,3vw,2.65rem);line-height:1.15;margin:.35rem 0 1rem}
.sample-record h3{font-size:1.13rem;margin:1.2rem 0 .35rem}.sample-record p,.sample-record dd{line-height:1.65}
.sample-record dl{margin:1rem 0}.sample-record dt{font-weight:700;margin-top:.7rem}.sample-record dd{margin:0}
.sample-record figure{margin:0;padding:1rem;background:#fff;border:1px solid #d6e5ee;border-radius:14px}
.sample-record figure+figure{margin-top:.8rem}.sample-record img,.sample-record svg{display:block;width:100%;height:auto}
.sample-record .mount-img{max-height:175px;object-fit:contain}.sample-record figcaption{margin-top:.6rem;font-size:.9rem;line-height:1.55}
.sample-record a,.route-links a{color:#075d9e;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.route-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.9rem;margin:1rem 0 1.5rem}
.route-links article{background:white;padding:1rem;border:1px solid #d6e5ee;border-radius:10px}.route-links h4{font-size:1.05rem;margin:0 0 .5rem}.route-links a{display:block;margin:.4rem 0}
@media(max-width:760px){.sample-record .record-layout{grid-template-columns:minmax(0,1fr)}}