/* Scoped to commercial content: the approved home and editorial details keep their layout. */
.seo-content{max-width:900px;margin-inline:auto}
.seo-content .seo-breadcrumbs{margin-bottom:54px;font-size:11px;line-height:1.8;color:var(--muted)}
.seo-breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:9px 15px;padding:0;margin:0}
.seo-breadcrumbs li+li::before{content:"/";margin-right:15px;color:var(--line)}
.seo-content a:not(.button){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.seo-content .seo-kicker{margin:0 0 20px;font-size:10px;letter-spacing:.23em;color:var(--muted)}
.seo-content h1{max-width:820px;font-size:clamp(46px,5.4vw,72px);line-height:1.03;letter-spacing:-.025em;text-wrap:balance}
.seo-content .seo-lead{max-width:680px;font-size:16px;line-height:1.9;margin-top:28px}
.seo-content p{max-width:700px}
.seo-content .seo-index{display:flex;flex-wrap:wrap;gap:20px 28px;margin:38px 0 12px;padding-block:23px;border-block:1px solid var(--line);font-size:12px;line-height:1.7}
.seo-content .seo-section{margin-top:66px;scroll-margin-top:32px}
.seo-content h2{font-size:clamp(33px,3.7vw,45px);line-height:1.12;letter-spacing:-.02em;max-width:700px}
.seo-content .seo-links{display:flex;flex-wrap:wrap;gap:18px 30px;margin-top:24px;font-size:13px;line-height:1.7}
.seo-content .seo-commercial{max-width:680px;margin:38px 0 14px}
.seo-content .seo-service-name{font-size:12px;color:var(--muted)}
.seo-content .seo-commercial dl{margin-block:15px 0}
.seo-content .seo-commercial dd{font-size:32px}
.seo-content .seo-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:17px}
.seo-content .seo-service-list{list-style:none;padding:0;margin:28px 0 0}
.seo-service-list li{display:flex;align-items:baseline;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-block:20px}
.seo-service-list a{font:29px/1.2 var(--serif)}
.seo-service-list span{font-size:12px;white-space:nowrap}
.seo-content .seo-prices{margin-top:42px}
.seo-prices caption{text-align:left;font-size:11px;color:var(--muted);padding-bottom:14px}
.seo-prices tbody th{width:60%;padding-right:24px}
.seo-prices td{white-space:nowrap;vertical-align:top;padding-top:27px}
.seo-price-actions{display:flex;flex-wrap:wrap;gap:14px 26px;margin-top:14px;font:12px/1.6 Montserrat,Arial,sans-serif}
.seo-price-actions a{padding-block:5px}
@media(max-width:700px){
 .seo-content .seo-breadcrumbs{margin-bottom:36px;font-size:10px}
 .seo-content h1{font-size:46px;overflow-wrap:break-word}
 .seo-content .seo-lead{font-size:14px}
 .seo-content .seo-index{gap:16px 23px;margin-top:28px}
 .seo-content .seo-section{margin-top:48px}
 .seo-content h2{font-size:35px}
 .seo-service-list li{align-items:flex-start;flex-direction:column;gap:8px;padding-block:18px}
 .seo-service-list a{font-size:28px}
 .seo-prices tbody th{font-size:26px;width:55%;padding-right:13px}
 .seo-prices td{font-size:11px;padding-right:5px}
 .seo-prices thead th{font-size:10px;padding-right:8px}
 .seo-price-actions{font-size:11px;gap:8px 16px}
 .seo-content .seo-commercial .button{width:100%;padding-inline:18px}
}

/* Only the programmatically focused panel title: preserve keyboard focus. */
.view-dialog .view-content h1[tabindex="-1"]:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.view-dialog .view-content h1[tabindex="-1"]:focus:not(:focus-visible),
.view-dialog[data-focus-input="pointer"] .view-content h1[tabindex="-1"]:focus{outline:none}
