/* Services pages (list + detail): same language as the home page.
   Dark navy band on top (shared .ar-top from article.css), light body, serif headings, pill chips, navy call-to-action panel. */
body.sv-page{background:#EDF3F6;color:#0A1A32}
.sv-top h1{font-size:clamp(42px,5.4vw,78px);line-height:1.02;margin:0 0 18px;max-width:none}.sv-top h1 em{color:#89BFD2;font-style:italic;padding-bottom:.06em}
.sv-top .ar-lede{margin-bottom:30px}
.svsearch{display:flex;max-width:480px;background:none;border:0;padding:0}
.svsearch input{flex:1;font:300 14px var(--sans);padding:15px 24px;border-radius:999px;border:1px solid rgba(243,248,250,.3);background:rgba(243,248,250,.08);color:#F3F8FA;transition:border-color .25s}
.svsearch input::placeholder{color:rgba(243,248,250,.7);opacity:1}
.svsearch input:hover{border-color:rgba(243,248,250,.6)}
.svbody{padding:clamp(36px,4vw,56px) 0 clamp(64px,8vw,112px)}
.sv-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.svchip{border:1px solid rgba(10,26,50,.18);background:transparent;border-radius:999px;padding:10px 20px;font:300 13px var(--sans);cursor:pointer;color:#0A1A32;transition:border-color .3s,background .3s,color .3s}
.svchip:hover{border-color:#0A1A32}
.svchip[aria-pressed=true]{background:#0A1A32;color:#F3F8FA;border-color:#0A1A32}
.svchip:focus-visible,.sv-more:focus-visible,.sv h3 a:focus-visible{outline:2px solid #00769F;outline-offset:3px}
.sv-count{font:300 13px var(--sans);color:#4A5A72;margin:0 0 26px}
/* list rows: one link per row */
.sv-grid{display:grid;grid-template-columns:1fr;gap:0}
.sv{position:relative;display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1.25fr) 44px;column-gap:clamp(20px,3vw,40px);align-items:center;padding:26px 0;border-top:1px solid rgba(10,26,50,.16);transition:padding .5s var(--ease)}
.sv:last-child{border-bottom:1px solid rgba(10,26,50,.16)}
.sv:hover{padding-left:14px}
.sv-cat{font:400 11px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#00769F}
.sv h3{margin:0;font-size:clamp(24px,2.4vw,32px);line-height:1.12;color:#0A1A32;transition:color .3s}
.sv h3 a::after{content:"";position:absolute;inset:0}
.sv:hover h3{color:#00769F}
.sv p{margin:0;font:300 14px/1.7 var(--sans);color:#3B475C}
.sv-area{display:block;margin-top:4px;font-size:12.5px;color:#4A5A72}
.sv-go{justify-self:end;width:40px;height:40px;border-radius:50%;border:1px solid rgba(10,26,50,.25);display:grid;place-items:center;font-size:15px;color:#0A1A32;transition:background .3s,color .3s,border-color .3s,transform .4s var(--ease)}
.sv:hover .sv-go{background:#0A1A32;color:#F3F8FA;border-color:#0A1A32;transform:translateX(3px)}
.sv-more{display:block;margin:34px auto 0;border:1px solid #0A1A32;background:transparent;border-radius:999px;padding:13px 34px;font:400 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;color:#0A1A32;transition:background .3s,color .3s}
.sv-more:hover{background:#0A1A32;color:#F3F8FA}.sv-more[hidden]{display:none}
.sv-none{padding:30px 0;color:#3B475C}
#svc-ask,.ar-cta{margin-top:clamp(48px,6vw,80px)}
#svc-ask{display:flex;flex-wrap:wrap;gap:24px 40px;align-items:center;justify-content:space-between;background:#0A1A32;color:#F3F8FA;border-radius:28px;padding:clamp(28px,4vw,48px) clamp(26px,4vw,56px);background-image:radial-gradient(90% 140% at 100% 0%,rgba(0,118,159,.28),transparent 60%)}
#svc-ask h2{font-size:clamp(24px,2.6vw,34px);margin:0 0 8px;color:#F3F8FA}
#svc-ask p{margin:0;font:300 14px/1.7 var(--sans);color:rgba(243,248,250,.76);max-width:46ch}
/* detail */
.dt-wrap{max-width:1160px;margin:0 auto;padding:0 var(--g,clamp(20px,5vw,72px))}
.dt-top{padding-bottom:clamp(56px,7vw,96px)}
.dt-grid{display:grid;grid-template-columns:1fr;gap:36px}
.dt-grid.has-img{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(28px,5vw,72px)}
.dt-head h1{font-size:clamp(40px,5vw,70px);line-height:1.03;margin:0 0 20px;color:#F3F8FA}
.dt-cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
.dt-link{font:400 11px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#89BFD2;border-bottom:1px solid rgba(137,191,210,.5);padding-bottom:5px;transition:color .3s,border-color .3s}.dt-link:hover{color:#F3F8FA;border-color:#F3F8FA}
.dt-img{border-radius:28px;overflow:hidden;aspect-ratio:3/2;background:#16355A;box-shadow:0 34px 60px -36px rgba(0,0,0,.6)}
.dt-img img{width:100%;height:100%;object-fit:cover;display:block}
.dt-body{padding-top:clamp(40px,5vw,72px)}
.dt-sec{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:clamp(20px,5vw,80px);padding:clamp(26px,3vw,40px) 0;border-top:1px solid rgba(10,26,50,.16)}
.dt-sec h2{font-size:clamp(26px,2.6vw,34px);line-height:1.1;margin:0;color:#0A1A32}
.dt-c{max-width:68ch}
.dt-c p{margin:0;font:300 16px/1.85 var(--sans);color:#1D2B44}
.dt-note{padding:20px 24px;background:#fff;border-radius:20px;border-left:3px solid #00769F;font-size:15px!important}
.dt-opts{list-style:none;padding:0;margin:0;display:grid}
.dt-opts li{padding:18px 0;border-top:1px solid rgba(10,26,50,.14);display:grid;gap:5px}
.dt-opts li:first-child{border-top:0;padding-top:0}
.dt-opts h3{font-size:clamp(20px,1.9vw,24px);margin:0;color:#0A1A32}
.dt-opts p{margin:0;font:300 14.5px/1.7 var(--sans);color:#3B475C}
.dt-opts span{font:400 12.5px var(--sans);color:#00769F}
.dt-res{padding:clamp(40px,5vw,72px) 0 0}
.dt-reshead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 24px;margin-bottom:26px}
.dt-reshead h2{font-size:clamp(28px,3vw,40px);margin:0;color:#0A1A32}
.sv-read{font:400 11px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#0A1A32;border-bottom:1px solid #0A1A32;padding-bottom:5px;white-space:nowrap;transition:color .3s,border-color .3s}.sv-read:hover{color:#00769F;border-color:#00769F}
.dt-resg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,24px)}
.dt-rp{display:block;border-radius:20px;overflow:hidden;aspect-ratio:4/5;background:#D9E6EC;box-shadow:0 24px 44px -30px rgba(10,26,50,.5);transition:translate .5s var(--ease)}.dt-rp:hover{translate:0 -4px}
.dt-rp img{width:100%;height:100%;object-fit:contain;display:block}
.dt-rp:focus-visible,.sv-read:focus-visible,.dt-link:focus-visible{outline:2px solid #00769F;outline-offset:4px}
.dt-rel{padding:clamp(48px,6vw,88px) 0 0}.dt-relw h2{font-size:clamp(28px,3vw,40px);margin:0 0 22px;color:#0A1A32}
@media(max-width:980px){
 .sv{grid-template-columns:1fr 44px;row-gap:8px}.sv-cat,.sv h3,.sv p{grid-column:1}.sv-go{grid-column:2;grid-row:1/4;align-self:center}
 .dt-grid.has-img{grid-template-columns:1fr}.dt-sec{grid-template-columns:1fr;gap:12px}
}
@media(max-width:640px){.dt-resg{grid-template-columns:1fr 1fr}.dt-resg .dt-rp:nth-child(3){display:none}}
@media(prefers-reduced-motion:reduce){.sv,.sv-go,.dt-rp{transition:none}.sv:hover{padding-left:0}.sv:hover .sv-go{transform:none}}

/* type roles: Montserrat for names and titles */
.dt-head h1{font-size:clamp(30px,3.8vw,52px);line-height:1.18;font-weight:300}
.sv h3{font-size:clamp(18px,1.55vw,22px);line-height:1.3}
.dt-opts h3{font-size:clamp(16px,1.4vw,18px);font-weight:500}