/* Detail pages reuse the existing page system and reveal controller. */
.depth-page .depth-hero{padding-bottom:72px}
.depth-page .depth-hero .pages-lead{max-width:600px}
.depth-hero-note{margin-top:28px;color:var(--muted);font-size:12px;line-height:1.7;max-width:520px}
.depth-jump{border-block:1px solid var(--pages-line);padding-block:22px;display:flex;align-items:center;flex-wrap:wrap;gap:12px 32px}
.depth-jump>span{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-right:auto}
.depth-jump a{font-size:13px;padding-block:10px;min-height:44px;display:inline-flex;align-items:center;gap:16px}
.depth-jump a:hover{color:var(--pages-accent)}
.depth-page .depth-solutions{padding-top:32px}
.depth-page .depth-solution{grid-template-columns:70px minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4.5vw,70px);padding-block:60px;scroll-margin-top:135px}
.depth-solution .pages-service-main>p:last-child{max-width:460px}
.depth-solution .pages-service-main h2{font-size:clamp(27px,2.8vw,40px);line-height:1.2;letter-spacing:-.04em}
.depth-solution .pages-service-main>p:not(.eyebrow){max-width:460px;color:var(--muted);margin-top:22px;font-size:16px;line-height:1.8}
.depth-status{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.03em;color:#584981;background:#eae5f3;border:1px solid #d6cde6;border-radius:999px;padding:6px 10px;margin-bottom:22px}
.depth-status::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}
.depth-detail{margin:0}
.depth-detail dt{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);margin-bottom:9px}
.depth-detail dd{margin:0 0 23px;font-size:14px;line-height:1.8;color:var(--muted)}
.depth-detail dd:last-child{margin-bottom:0}
.depth-solution .text-link{margin-top:24px;font-size:12px}
.depth-page .depth-review{padding-block:82px}
.depth-review .pages-section-heading{margin-bottom:0}
.depth-review-note{border-top:1px solid #56716a;margin-top:42px;padding-top:22px;color:#c1ccc5;font-size:13px;line-height:1.8;max-width:760px}
.depth-page .depth-process-section{padding-top:80px}
.depth-process-summary{align-self:start}
/* Reuse the FAQ's sticky aside pattern only where the complete summary fits. */
@media(min-width:1101px) and (min-height:850px){
  .depth-process-summary{position:sticky;top:130px;align-self:start}
}
.depth-process-section .pages-process li{padding-block:30px}
.depth-process-section .pages-process li:first-child{padding-top:0}
.depth-process-section .pages-process h3{font-size:clamp(23px,2.1vw,29px)}
.depth-process-section .depth-step-result{color:var(--pages-accent);font-size:13px;margin-top:16px}
.depth-process-section .depth-step-result strong{font-weight:600}
.depth-before{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,8vw,120px)}
.depth-before .pages-section-heading{margin-bottom:0}
.depth-before .pages-list{margin:0}
.depth-before .pages-list li{font-size:16px;padding-block:20px}
.depth-before .pages-list li:first-child{padding-top:0}
.depth-caption{font-size:12px;color:var(--muted);line-height:1.65;margin-top:20px}
@media(max-width:900px){
  .depth-page .depth-solution{grid-template-columns:42px minmax(0,1fr);gap:20px 26px}
  .depth-solution .pages-service-detail{grid-column:2}
  .depth-solution .pages-service-main>p:last-child{max-width:none}
  .depth-status{margin-top:4px;margin-bottom:20px}
}
@media(max-width:760px){
  .depth-page .depth-hero{padding-bottom:48px}
  .depth-jump{gap:4px 24px}
  .depth-jump>span{flex-basis:100%;margin-bottom:5px}
  .depth-page .depth-solutions{padding-top:12px}
  .depth-page .depth-solution{padding-block:40px;gap:18px;scroll-margin-top:110px}
  .depth-solution .pages-service-main h2{font-size:30px}
  .depth-solution .pages-service-main>p:not(.eyebrow){font-size:15px;margin-top:18px}
  .depth-page .depth-review,.depth-page .depth-process-section{padding-block:66px}
  .depth-before{grid-template-columns:1fr;gap:32px}
  .depth-hero-note{font-size:11px;margin-top:22px}
}
@media(max-width:380px){
  .depth-page .depth-solution{grid-template-columns:30px minmax(0,1fr);gap:14px}
  .depth-solution .pages-service-main h2{font-size:27px}
}
