/* PEMI: readable service detail pages, scoped to new editorial sections. */
.seo-section{padding:64px 0;line-height:1.8}.seo-section h2{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.2;margin:0 0 22px}.seo-section h3{font-size:1.25rem;line-height:1.4;margin:0 0 12px}.seo-section p{max-width:76ch;margin:0 0 20px}.seo-section a:not(.button){color:#ff994c;text-decoration:underline;text-underline-offset:4px}.seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.seo-card{border:1px solid #414145;border-radius:14px;padding:28px;background:#202023}.seo-card p:last-child{margin-bottom:0}.seo-section ol,.seo-section ul{padding-left:24px;margin:16px 0 26px}.seo-section li{margin-bottom:12px}.seo-breadcrumb{font-size:.9rem;margin-bottom:22px}.seo-breadcrumb a{color:inherit;text-decoration:underline}.seo-faq details{border-top:1px solid #414145;padding:20px 0}.seo-faq summary{cursor:pointer;font-weight:700;font-size:1.1rem}.seo-faq details p{padding-top:15px}.seo-transition{border-left:3px solid #ff720b;padding:14px 20px;background:#202023}.seo-section .actions{flex-wrap:wrap} @media(max-width:700px){.seo-grid{grid-template-columns:1fr}.seo-section{padding:42px 0}.seo-card{padding:22px}}

.seo-breadcrumb{display:flex;flex-wrap:wrap;position:static;inset:auto;z-index:auto;width:auto;padding:0;background:transparent;border:0;gap:10px;align-items:center;letter-spacing:0}

/* Same subtle lift and orange highlight as the existing service cards. */
.seo-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background-color .25s ease}
.seo-card:focus-within{transform:translateY(-7px);border-color:var(--orange,#ff720b);box-shadow:0 18px 35px #0005;background-color:#242426}
.seo-faq details{transition:border-color .25s ease,background-color .25s ease}
.seo-faq summary{transition:color .25s ease}
.seo-faq summary:focus-visible{outline:2px solid var(--orange,#ff720b);outline-offset:5px;color:var(--orange,#ff720b)}
.seo-faq details[open]{border-color:var(--orange,#ff720b);background-color:#ffffff03}
@media(hover:hover) and (pointer:fine){.seo-card:hover{transform:translateY(-7px);border-color:var(--orange,#ff720b);box-shadow:0 18px 35px #0005;background-color:#242426}.seo-faq summary:hover{color:var(--orange,#ff720b)}}
@media(prefers-reduced-motion:reduce){.seo-card,.seo-faq details,.seo-faq summary{transition:none}.seo-card:hover,.seo-card:focus-within{transform:none}}
