/* Service-page reading layout. Shared navigation, fonts and colours stay in styles.css. */
.search-article{padding-block:44px 84px;max-width:1500px;margin-inline:auto}
.search-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;font-size:12px;color:var(--muted);margin-bottom:48px}
.search-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.search-article article{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);column-gap:clamp(36px,6vw,96px)}
.search-heading{grid-column:1;padding-bottom:36px}
.search-heading h1{font-size:clamp(38px,4.4vw,68px);max-width:20ch}
.search-heading>p{font-size:17px;line-height:1.85;color:var(--muted);margin-top:26px;max-width:65ch}
.search-visual{grid-column:2;grid-row:1/span 2;align-self:start;margin:0;padding:22px;background:var(--paper)}
.search-visual img{width:100%;max-height:480px;object-fit:contain}
.search-visual figcaption{font-size:11px;line-height:1.7;color:var(--muted);padding-top:17px}
.search-article article>section,.search-related{grid-column:1/-1;padding-block:38px;border-top:1px solid var(--line)}
.search-visual+section{grid-column:1}
.search-article h2{font-size:clamp(26px,3vw,40px);max-width:30ch}
.search-article h3{font-size:22px;line-height:1.25;letter-spacing:-.025em}
.search-article section>p,.search-answer>p,.search-applications p{font-size:15px;line-height:1.9;max-width:77ch;margin-top:17px;color:var(--muted)}
.search-article section>ul{margin-top:22px;padding-inline-start:21px;max-width:77ch}
.search-article section>ul li{padding-block:5px;font-size:14px;line-height:1.75}
.search-applications{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:28px}
.search-answer{margin-top:28px;max-width:85ch}
.search-enquiry .action{margin-block-start:24px;margin-inline-end:20px}
.search-related ul{display:grid;grid-template-columns:1fr 1fr;gap:24px;list-style:none;padding:0;margin-top:22px}
.search-related a{display:block;min-height:44px;padding-block:12px;text-decoration:underline;text-underline-offset:5px;font-size:16px;line-height:1.6}
[dir=rtl] .search-heading h1,[dir=rtl] .search-article h2{line-height:1.3;letter-spacing:0}
@media(max-width:700px){
 .search-article{padding-block:28px 40px}
 .search-breadcrumb{font-size:10px;margin-bottom:30px}
 .search-article article{display:block}
 .search-heading{padding-bottom:28px}
 .search-heading h1{font-size:37px}
 .search-heading>p{font-size:14px;line-height:1.85;margin-top:20px}
 .search-visual{padding:18px;margin-bottom:30px}
 .search-visual img{max-height:330px}
 .search-article article>section,.search-related{padding-block:28px}
 .search-article h2{font-size:29px}
 .search-article h3{font-size:21px}
 .search-article section>p,.search-answer>p,.search-applications p{font-size:13px;line-height:1.9}
 .search-applications,.search-related ul{grid-template-columns:1fr;gap:26px}
 .search-related ul{gap:8px}
 .search-enquiry .action{display:flex;justify-content:center;margin-inline-end:0;font-size:12px}
}
