/* Readable service pages, September 14. Shared by the seven detail pages only. */
.service-readable{--reading-body:#273c48;--reading-muted:#50616a;--reading-rule:#d9dfda}
.service-readable main>section>.wrap{max-width:1180px}
.service-readable main>.service-lead{padding:146px 0 68px}
.service-readable .service-lead-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:72px}
.service-readable .service-lead h1{font-size:clamp(48px,4.5vw,66px);line-height:1.1;letter-spacing:0;margin-bottom:24px}
.service-readable .service-back{margin-bottom:25px;font-size:14px;letter-spacing:0;color:var(--reading-muted);border-color:#b6c0bc}
.service-readable .service-lead-copy>p{font-size:20px;line-height:1.6;max-width:36ch;color:var(--reading-body);margin-bottom:28px}
.service-contact{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;padding:12px 22px;background:#d7b486;color:#0c1a2d;border-radius:5px;font-size:16px;line-height:1.5;font-weight:500;transition:background .2s}
.service-contact:hover{background:#e2c39a}
.service-contact svg{flex:none}
.service-readable .service-demo-shell{border-color:#d7dfd9;box-shadow:0 18px 50px -32px #263e4655}
.service-readable .service-lead-media figcaption{font-size:12px;line-height:1.6;color:var(--reading-muted);margin-top:14px}
.service-readable main h2{font-family:"General Sans",Arial,sans-serif;font-weight:500;font-size:32px;line-height:1.28;letter-spacing:-.015em;text-wrap:pretty}
.service-readable main>.service-actions-section{padding:0 0 76px}
.service-readable .service-actions-section>.wrap{border-top:1px solid var(--reading-rule);padding-top:64px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:92px;align-items:start}
.service-plan-copy{min-width:0}
.service-readable .service-plan-copy h2{max-width:12ch;margin:0 0 30px}
.service-work{min-width:0}
.service-actions{list-style:none;margin:0;padding:0}
.service-actions>li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:18px;padding:30px 0;border-top:1px solid var(--reading-rule)}
.service-actions>li:first-child{border-top:0;padding-top:3px}
.service-step{font-size:14px;font-weight:500;line-height:32px;color:#79603a;font-variant-numeric:tabular-nums}
.service-readable .service-actions h3{font-size:23px;font-weight:500;line-height:1.4;letter-spacing:-.01em;margin:0 0 10px;text-wrap:pretty}
.service-readable .service-actions p{font-size:18px;line-height:1.65;color:var(--reading-body);margin:0;max-width:55ch}
.service-readable .service-connected{font-size:16px;line-height:1.7;color:var(--reading-muted);padding:4px 0 0 46px;margin:0;max-width:59ch}
.service-connected a{color:#0c1a2d;text-decoration:underline;text-decoration-color:#a7b2ad;text-underline-offset:4px}
.service-readable main>.service-questions{padding:60px 0 42px;background:#edf2ee}
.service-readable .service-reading-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:92px}
.service-readable .service-reading-grid>h2{padding-top:17px;margin-bottom:24px;font-size:28px}
.service-readable .service-question>summary{position:relative;font-size:19px;letter-spacing:0;line-height:1.5;list-style:none;padding:22px 32px 22px 0;min-height:74px}
.service-readable .service-question>summary::-webkit-details-marker{display:none}
.service-readable .service-question>summary::marker{content:""}
.service-readable .service-question>summary::before,.service-readable .service-question>summary::after{content:"";position:absolute;right:4px;top:50%;width:14px;height:1.5px;background:#0c1a2d}
.service-readable .service-question>summary::after{transform:rotate(90deg);transition:transform .2s}
.service-readable .service-question[open]>summary::after{transform:rotate(0)}
.service-readable .service-question p{font-size:18px;line-height:1.65;color:var(--reading-body)}
.service-readable .service-question>div{padding-bottom:25px;padding-right:30px}
.service-readable main>.service-more{background:#edf2ee;padding:0 0 52px}
.service-more .service-text-link{font-size:15px}
@media(max-width:1100px){
 .service-readable .service-lead-grid{gap:40px}
 .service-readable .service-actions-section>.wrap,.service-readable .service-reading-grid{gap:56px;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}
 .service-readable .service-lead h1{font-size:50px}
 .service-readable .service-lead-copy>p{font-size:19px}
}
@media(max-width:800px){
 .service-readable main>.service-lead{padding:116px 0 42px}
 .service-readable .service-lead-grid{grid-template-columns:minmax(0,1fr);gap:30px}
 .service-readable .service-lead-copy{padding:0}
 .service-readable .service-lead h1{font-size:48px;max-width:13ch}
 .service-readable .service-lead-copy>p{font-size:18px;line-height:1.6;max-width:45ch;margin-bottom:22px}
 .service-readable .service-back{margin-bottom:20px}
 .service-readable .service-actions-section>.wrap,.service-readable .service-reading-grid{grid-template-columns:minmax(0,1fr);gap:30px}
 .service-readable .service-actions-section>.wrap{padding-top:40px}
 .service-readable main h2{font-size:28px}
 .service-readable .service-plan-copy h2{max-width:18ch;margin-bottom:22px}
 .service-readable .service-actions h3{font-size:22px;line-height:1.4}
 .service-actions>li{grid-template-columns:23px minmax(0,1fr);gap:12px;padding:26px 0}
 .service-actions>li:first-child{padding-top:0}
 .service-readable .service-actions p{font-size:17px;line-height:1.65}
 .service-readable .service-connected{padding-left:35px;font-size:15px}
 .service-readable main>.service-actions-section{padding-bottom:44px}
 .service-readable main>.service-questions{padding:40px 0 28px}
 .service-readable .service-reading-grid{gap:0}
 .service-readable .service-reading-grid>h2{font-size:27px;padding-top:0;margin-bottom:22px}
 .service-readable .service-question>summary{font-size:18px}
 .service-readable .service-question p{font-size:17px}
 .service-readable main>.service-more{padding-bottom:40px}
}
@media(max-width:370px){.service-readable .service-lead h1{font-size:43px}.service-readable .service-actions h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.service-contact,.service-readable .service-question>summary::after{transition:none}}
@media print{
 .service-readable .service-actions-section>.wrap,.service-readable .service-reading-grid{display:block}
 .service-actions>li{break-inside:avoid}
 .service-contact,.service-more{display:none!important}
}

/* Real examples replace the portrait without narrowing the planning illustration. */
.service-readable .service-actions-section>.wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
.service-readable .service-plan-copy h2{max-width:23ch;margin-bottom:24px}
.service-readable .service-plan-copy>p{font-size:17px;line-height:1.65;color:var(--reading-body);margin:0 0 24px;max-width:50ch}
.service-readable .service-plan-copy .planning-visual{margin:0}
.service-readable .service-scope-note{font-size:15px;line-height:1.7;color:var(--reading-muted);margin:24px 0 0;max-width:46ch}
.service-readable main>.service-reading{padding:56px 0;background:#fcfcf9}
.service-readable .service-reading .service-reading-grid{padding-top:48px;border-top:1px solid var(--reading-rule)}
.service-readable .service-long-copy p{font-size:18px;line-height:1.7;color:var(--reading-body)}
.service-readable .service-long-copy .d-list li{font-size:17px;line-height:1.65;color:var(--reading-body)}
.service-readable .service-expander>summary{font-size:19px;line-height:1.5}
.service-readable .service-reading h2{font-size:28px}
.service-readable main>.service-related{background:#edf2ee;padding:0 0 48px}
.service-readable .reading-links{padding-top:30px;margin-bottom:24px}
.service-readable .reading-links h2{font-size:24px}
.service-readable .reading-links a{font-size:16px;color:var(--reading-body)}
.service-readable .service-other-links{padding-top:22px;gap:10px 22px}
.service-readable .service-other-links h2{font-size:24px}
.service-readable .service-lead-photo img{aspect-ratio:1.52}
@media(max-width:1100px){.service-readable .service-actions-section>.wrap{gap:40px}.service-readable .service-actions h3{font-size:22px}.service-readable .service-actions p{font-size:17px}}
@media(max-width:800px){
 .service-readable .service-actions-section>.wrap{grid-template-columns:minmax(0,1fr);gap:34px}
 .service-readable .service-plan-copy h2{max-width:24ch}
 .service-readable .service-scope-note{max-width:none;margin-top:20px}
 .service-readable main>.service-reading{padding:0 0 40px}
 .service-readable .service-reading .service-reading-grid{padding-top:34px}
 .service-readable .service-long-copy p{font-size:17px}
 .service-readable .service-expander>summary{font-size:18px}
 .service-readable main>.service-related{padding-bottom:36px}
 .service-readable .reading-links ul{grid-template-columns:1fr}
}