/* Service articles share a restrained reading layout. */
body .service-article-page { background: #f8fafb; color: #193a53; font-family: "Noto Sans Arabic", sans-serif; }
body .service-article-page *, body .service-article-page *::before, body .service-article-page *::after { box-sizing: border-box; }
body .service-article-page > .wrapper { width: min(1160px, calc(100% - 64px)); margin-inline: auto; }
body .service-article-page > .wrapper.mb-60 { margin-bottom: 0; }
body .service-article-page .service-page-header { padding: 39px 0 45px; margin: 0; background: #eef3f5; border-bottom: 1px solid #dce5e9; color: #193a53; text-align: right; }
body .service-article-page .service-page-header .wrapper { width: min(1160px, calc(100% - 64px)); margin-inline: auto; }
body .service-article-page .service-page-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; max-width: 100%; margin-bottom: 28px; color: #60798b; font-size: 12px; line-height: 1.7; }
body .service-article-page .service-page-breadcrumb a { color: #315f81; text-decoration: none; }
body .service-article-page .service-page-breadcrumb a:hover { text-decoration: underline; }
body .service-article-page .service-page-breadcrumb span[aria-current] { overflow: hidden; max-width: min(560px, 70vw); text-overflow: ellipsis; white-space: nowrap; }
body .service-article-page .service-page-eyebrow { display: block; margin-bottom: 8px; color: #29679a; font-size: 13px; font-weight: 750; }
body .service-article-page .service-page-header .entry-title { max-width: 930px; margin: 0; color: #15344f; font-size: clamp(30px, 3.4vw, 46px); font-weight: 800; line-height: 1.4; text-shadow: none; }
body .service-article-page #main { padding-top: 34px; }
body .service-article-page .post-content { max-width: 100%; margin: 0 auto; padding: 0 0 46px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body .service-article-page .service-intro { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(270px, .85fr); gap: 28px; width: min(100%, 1000px); min-height: 300px; margin: 0 auto 42px; }
body .service-article-page .service-intro--no-photo { display: block; width: min(100%, 820px); min-height: 0; }
body .service-article-page .post-thumbnail { width: 100%; height: 300px; margin: 0; overflow: hidden; border-radius: 7px; background: #e2e9ec; }
body .service-article-page .post-thumbnail img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
body .service-article-page .service-intro .service-contact-prompt { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; max-width: none; margin: 0; padding: 28px; border: 1px solid #d7e4eb; border-radius: 7px; background: #fff; }
body .service-article-page .service-contact-kicker { color: #2b6a9d; font-size: 12px; font-weight: 750; }
body .service-article-page .service-contact-copy { display: grid; gap: 8px; margin-top: 12px; }
body .service-article-page .service-contact-copy strong { color: #15344f; font-size: 23px; line-height: 1.4; }
body .service-article-page .service-contact-copy span { color: #61788a; font-size: 14px; line-height: 1.8; }
body .service-article-page .service-contact-link { min-height: 47px; margin-top: 24px; padding: 10px 17px; border-radius: 4px; background: #1b5c95; font-size: 14px; }
body .service-article-page .service-contact-link:hover { background: #123f69; transform: none; }
body .service-article-page .entry-content, body .service-article-page .entry-footer { max-width: 820px; margin-inline: auto; }
body .service-article-page .entry-content { color: #273f51; font-size: 16px; line-height: 2; }
body .service-article-page .entry-content p { margin-bottom: 22px; }
body .service-article-page .entry-content h1, body .service-article-page .entry-content h2, body .service-article-page .entry-content h3, body .service-article-page .entry-content h4 { border-right: 3px solid #1f669e; color: #173a56; margin-top: 38px; padding-right: 13px; }
body .service-article-page .entry-content #ez-toc-container { border-color: #d7e4eb; border-radius: 7px; background: #fff; }
body .service-article-page #ez-toc-container a.ez-toc-link { color: #245d8a; }
body .service-article-page .entry-footer { margin-top: 40px; }
body .service-article-page .related-services { padding: 54px 0 72px; border-top: 1px solid #dce5e9; background: #eef3f5; }
body .service-article-page .related-services .wrapper { width: min(1160px, calc(100% - 64px)); margin-inline: auto; }
body .service-article-page .related-services .section-title { margin: 0 0 25px; text-align: right; }
body .service-article-page .related-services .section-title h2 { color: #173a56; font-size: 29px; }
body .service-article-page .related-services .flex-area { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
body .service-article-page .related-services .small-card { min-height: 0; overflow: hidden; border: 1px solid #d7e4eb; border-radius: 7px; background: #fff; box-shadow: none; text-align: right; }
body .service-article-page .related-services .service-card-link { display: flex; align-items: stretch; gap: 0; padding: 0; }
body .service-article-page .related-services .service-card-link:hover { background: #fff; transform: none; }
body .service-article-page .related-services .service-card-media { display: block; flex: 0 0 auto; width: 100%; height: 150px; border: 0; border-radius: 0; background: #dfe8ec; }
body .service-article-page .related-services .small-card img { width: 100%; height: 100%; border-radius: 0; object-fit: cover; }
body .service-article-page .related-services .service-card-placeholder { display: block; margin: 45px auto; }
body .service-article-page .related-services .service-card-title { padding: 15px 16px 6px; color: #173a56; font-size: 15px; line-height: 1.6; }
body .service-article-page .related-services .service-card-more { padding: 0 16px 17px; color: #1b5c95; font-size: 12px; }
body .service-article-page :is(a, button):focus-visible { outline: 3px solid #c59a56; outline-offset: 3px; }
@media (max-width: 920px) {
  body .service-article-page .service-intro { grid-template-columns: minmax(0, 1.2fr) minmax(250px, .9fr); gap: 18px; }
  body .service-article-page .related-services .flex-area { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  body .service-article-page > .wrapper, body .service-article-page .service-page-header .wrapper, body .service-article-page .related-services .wrapper { width: min(100% - 36px, 600px); }
  body .service-article-page .service-page-header { padding: 24px 0 30px; }
  body .service-article-page .service-page-breadcrumb { margin-bottom: 20px; }
  body .service-article-page .service-page-header .entry-title { font-size: 30px; }
  body .service-article-page #main { padding-top: 20px; }
  body .service-article-page .service-intro { display: flex; flex-direction: column; gap: 0; margin-bottom: 28px; }
  body .service-article-page .post-thumbnail { height: clamp(190px, 57vw, 300px); border-radius: 7px 7px 0 0; }
  body .service-article-page .service-intro .service-contact-prompt { padding: 20px; border-radius: 0 0 7px 7px; }
  body .service-article-page .service-contact-copy strong { font-size: 20px; }
  body .service-article-page .service-contact-link { width: auto; }
  body .service-article-page .entry-content { font-size: 16px; line-height: 1.9; }
  body .service-article-page .related-services { padding: 43px 0 58px; }
  body .service-article-page .related-services .section-title h2 { font-size: 25px; }
}
@media (max-width: 480px) {
  body .service-article-page .related-services .flex-area { grid-template-columns: 1fr; }
  body .service-article-page .related-services .service-card-media { height: 180px; }
}
@media (prefers-reduced-motion: reduce) {
  body .service-article-page .service-contact-link { transition: none; }
}