/* Service pages only (Claude, 17 Oct 2026). Loaded after app.css; the home page never loads this file. */
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:550;line-height:1.5;color:var(--muted);margin:0 0 12px}
.breadcrumb a{color:inherit;text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px}
.breadcrumb a:hover{color:var(--ink);text-decoration-color:currentColor}
.breadcrumb [aria-current]{color:var(--ink)}
.service-hero h1{text-wrap:balance}
.service-hero .hero-lead{margin-top:16px}
.service-section{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;border-top:1px solid var(--border);padding-block:35px 38px}
.service-section>h2{margin:0}
.service-copy p{font-size:16px;line-height:1.65;color:var(--muted);margin:0 0 14px;max-width:65ch}
.service-copy p:first-child{color:var(--ink)}
.service-copy p:last-child{margin-bottom:0}
.service-copy .text-link{margin-top:10px}
.price-note{display:block;font-size:15px;color:var(--muted);margin-top:6px}
.service-page .final-section h2{margin-bottom:22px}
/* No animation on service pages: the button sits under the lead, and Lexi's card keeps the home page's shortest height. */
@media(min-width:1041px){
 .service-hero.hero-split{grid-template-rows:auto auto 1fr}
 .service-hero>.hero-start{grid-row:2;align-self:start}
 html:not(.lexi-docked) .service-hero .lexi-card{height:420px}
}
@media(max-width:1050px){.service-section{gap:40px}}
@media(max-width:700px){
 .breadcrumb{font-size:13px;margin-bottom:8px}
 .service-section{display:block;padding-block:30px 34px}
 .service-section>h2{margin-bottom:16px}
 .service-copy p{font-size:15px}
 .price-note{font-size:14px}
}
.legal-list{margin:0 0 14px;padding-left:20px;font-size:16px;line-height:1.65;color:var(--muted)}
.legal-list li{margin-bottom:6px}
.service-copy p a{text-decoration:underline;text-underline-offset:3px}