/* 1.2.19: dedicated service-detail pages. Every rule is scoped to these new pages.
 * Natural-ratio images; readable text; no alteration to the existing overview/book layouts.
 */
.jc-service-detail-page .jc-service-detail-shell{width:100%;max-width:880px;margin:0 auto;padding:38px 32px 58px}
.jc-service-detail-page .jc-service-detail-heading{text-align:center;margin:0 auto 28px;max-width:810px}
.jc-service-detail-page .jc-service-detail-heading h1{font-family:var(--jc-heading-face);font-size:48px;font-weight:400;line-height:1.15;letter-spacing:-.018em;color:var(--jc-ink);margin:0;text-wrap:balance;overflow-wrap:break-word}
.jc-service-detail-page .jc-service-detail-heading .jc-divider{max-width:140px;margin:20px auto 0}
.jc-service-detail-page .jc-service-detail-image{display:block;width:100%;max-width:600px;margin:0 auto 32px;border:1px solid var(--jc-line);border-radius:3px;overflow:hidden;background:var(--jc-cream);box-shadow:0 3px 12px #18232b12}
.jc-service-detail-page .jc-service-detail-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;margin:0;border:0;border-radius:0}
.jc-service-detail-page .jc-service-detail-body{display:block;width:100%;max-width:720px;margin:0 auto;min-width:0;overflow-wrap:break-word}
.jc-service-detail-page .jc-service-detail-body p{font-family:inherit;font-size:18px;line-height:1.7;color:var(--jc-ink);margin:0 0 14px}
.jc-service-detail-page .jc-service-detail-body .jc-service-detail-proposition{font-family:var(--jc-heading-face);font-size:26px;font-weight:400;line-height:1.4;letter-spacing:-.01em;color:var(--jc-gold);margin:0 0 19px;text-wrap:pretty}
.jc-service-detail-page .jc-service-detail-intro{margin:0;padding:0}
.jc-service-detail-page .jc-service-detail-section{margin:29px 0 0;padding:26px 0 0;border-top:1px solid var(--jc-line)}
.jc-service-detail-page .jc-service-detail-section h2{font-family:var(--jc-heading-face);font-size:29px;font-weight:400;line-height:1.25;letter-spacing:-.018em;color:var(--jc-ink);margin:0 0 15px;text-wrap:pretty}
.jc-service-detail-page .jc-service-detail-section p:last-child,.jc-service-detail-page .jc-service-detail-intro p:last-child{margin-bottom:0}
.jc-service-detail-page .jc-service-detail-keyline strong{font-weight:700}
.jc-service-detail-page .jc-service-detail-body ul.jc-service-detail-topics{list-style:disc outside;margin:14px 0 0;padding:0 0 0 24px}
.jc-service-detail-page .jc-service-detail-topics li{font-family:inherit;font-size:18px;line-height:1.7;margin:0 0 12px;padding-left:3px}
.jc-service-detail-page .jc-service-detail-topics li::marker{color:var(--jc-gold)}
.jc-service-detail-page .jc-service-detail-topics li:last-child{margin-bottom:0}
.jc-service-detail-page .jc-service-detail-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:13px 28px;border-top:1px solid var(--jc-line);margin:28px 0 0;padding:25px 0 0}
.jc-service-detail-page .jc-service-detail-actions .jc-button{min-height:48px;font-size:16px}
.jc-service-detail-page .jc-service-detail-actions .jc-text-link{font-size:16px;line-height:1.4;min-height:44px;gap:10px;max-width:100%}
.jc-service-detail-page .jc-service-detail-actions span{flex-shrink:0}
@media(max-width:900px){
 .jc-service-detail-page .jc-service-detail-heading h1{font-size:41px}
}
@media(max-width:700px){
 .jc-service-detail-page .jc-service-detail-shell{padding:25px 22px 34px}
 .jc-service-detail-page .jc-service-detail-heading{margin-bottom:23px}
 .jc-service-detail-page .jc-service-detail-heading h1{font-size:35px;line-height:1.16}
 .jc-service-detail-page .jc-service-detail-heading .jc-divider{margin-top:17px}
 .jc-service-detail-page .jc-service-detail-image{margin-bottom:25px}
 .jc-service-detail-page .jc-service-detail-body p,.jc-service-detail-page .jc-service-detail-topics li{font-size:17px;line-height:1.65}
 .jc-service-detail-page .jc-service-detail-body .jc-service-detail-proposition{font-size:23px;line-height:1.4;margin-bottom:16px}
 .jc-service-detail-page .jc-service-detail-section{margin-top:25px;padding-top:22px}
 .jc-service-detail-page .jc-service-detail-section h2{font-size:26px;line-height:1.25;margin-bottom:13px}
 .jc-service-detail-page .jc-service-detail-actions{gap:9px 23px;margin-top:24px;padding-top:22px}
}
@media(max-width:359px){
 .jc-service-detail-page .jc-service-detail-shell{padding-left:18px;padding-right:18px}
 .jc-service-detail-page .jc-service-detail-heading h1{font-size:32px}
 .jc-service-detail-page .jc-service-detail-body .jc-service-detail-proposition{font-size:22px}
 .jc-service-detail-page .jc-service-detail-section h2{font-size:24px}
}
