/* Company service pages share the approved About palette. Works for SSR and the app. */
body.contacts-open:has(.rd-page){background:#f6f5f2}
body.contacts-open:has(.rd-page) .qrow{background:#f6f5f2}
:is(#page-seo:has(>.rd-page),#page-contacts:has(.rd-page)){
  --page:#f6f5f2;--bgCard:#fff;--text:#1a2231;--textMuted:#626b77;--textDim:#626b77;
  --border2:#dcdedc;--cardBorder:#e2e3df;--surface2:#eeede8;--surface3:#f6f5f2;
  --accent:#285873;--accentSolid:#285873;--accentHover:#20465c;--accentDim:#e7edf0;
  --r2:6px;--r3:12px;--e1:none;
  background:var(--page);color:var(--text);
}
#page-contacts [data-info-page]:has(.rd-page),#page-seo>.rd-page{
  --textDim:#626b77;
  width:calc(100% - 112px);max-width:1360px;margin:0 auto;padding:0 0 80px;
}
#page-contacts [data-info-page]:has(.rd-page) .info-top{
  display:flex;flex-direction:column-reverse;align-items:stretch;gap:18px;border:0;margin:0 0 36px;
}
#page-contacts [data-info-page]:has(.rd-page) .info-page-nav{
  margin:0;gap:28px;border-bottom:1px solid var(--border2);
}
#page-contacts [data-info-page]:has(.rd-page) .info-page-nav a{min-height:58px}
#page-contacts [data-info-page]:has(.rd-page) .info-top .ab-back{align-self:flex-start;min-height:44px}
.rd-page .rd{gap:76px;padding-top:8px}
.rd-page .rd-top{gap:36px}
.rd-page .rd-eyebrow{font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;margin-bottom:18px}
.rd-page .rd h1{font-size:clamp(40px,4.3vw,64px);line-height:1.08;letter-spacing:-.045em;font-weight:600}
.rd-page .rd .rd-lead{font-size:17px;line-height:1.7;max-width:58ch;margin-top:22px}
.rd-page .rd-hero{gap:48px;align-items:center}
.rd-page .rd-sh{padding-bottom:18px;gap:24px}
.rd-page :is(.rd-sh h2,.rd-faqwrap h2){font-size:clamp(28px,2.5vw,38px);line-height:1.15;letter-spacing:-.035em}
.rd-page .rd-sh p{max-width:44ch;line-height:1.6}
.rd-page .rd-card{box-shadow:none;border-color:var(--cardBorder)}
.rd-page .rd-btn{min-height:46px;white-space:normal;text-align:center;line-height:1.4}
.rd-page .rd-btn.fill{background:var(--accentSolid);color:#fff}
.rd-page .rd-btn:focus-visible,.rd-page .rx-cp:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.rd-page .rc-q{padding:26px 24px;row-gap:5px}
.rd-page :is(.rc-q .ic,.pay-way .ic,.dl-ic,.wr-ch .ic){color:var(--accent);background:var(--accentDim)}
.rd-page .rc-now{padding:20px 24px;border-left:2px solid var(--border2);max-width:360px;gap:10px}
.rd-page .rc-now small{line-height:1.6}
.rd-page .rc-sites{gap:24px}
.rd-page .rc-site-b{padding:28px;gap:18px}
.rd-page :is(.rc-tag,.rx-gl,.dl-when){text-transform:none;letter-spacing:0;font-size:12px}
.rd-page .rc-site h3{font-size:23px;letter-spacing:-.025em}
.rd-page .rc-br{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.rd-page .rc-b{padding:24px;gap:12px}
.rd-page .rc-b>b{font-size:18px;line-height:1.3}
.rd-page .rc-b p{line-height:1.6}
.rd-page .rc-req{padding:24px}
.rd-page .rx-row{min-height:64px;gap:16px}
.rd-page .rx-cp{min-width:44px;height:44px}
.rd-page .rx-gl{font-weight:600;color:var(--accent);padding:18px 0 8px}
.rd-page .rx-head{padding:28px}
.rd-page :is(.rx-box,.dl-way,.pay-way,.wr-list){padding:28px}
.rd-page :is(.dl-meter,.pay-req){background:var(--accentDim);border:0;padding:28px}
.rd-page .dl-mt b{font-size:26px;letter-spacing:-.035em}
.rd-page .rd-faq summary{padding:22px 0;font-size:18px;line-height:1.5}
.rd-page .rd-faq details p{font-size:16px;line-height:1.7}
.rd-page .wr-hero{border:0;background:transparent;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px}
.rd-page .wr-hero .l{padding:20px 0;justify-content:center}
.rd-page .wr-hero .r{border-radius:12px;background:var(--accentDim);padding:36px}
.rd-page .wr-big b{font-size:112px;color:var(--accent)}
.rd-page .rd-end{gap:16px}
.rd-page .rd-pg{background:transparent;padding:24px;border-color:var(--border2)}
.rd-page .rd-partner{background:var(--accentSolid);padding:26px 28px;gap:24px}
.rd-page .rd-partner b{line-height:1.5}
.rd-page .rd-partner span{line-height:1.6;color:#e2ebef}
@media(hover:hover){
  .rd-page :is(.rc-q,.wr-ch):hover{border-color:#a4b9c4;box-shadow:0 4px 14px #1a223108}
  .rd-page .rd-pg:hover{background:#fff;border-color:#a4b9c4}
}
@media(max-width:1100px){
  #page-contacts [data-info-page]:has(.rd-page),#page-seo>.rd-page{width:calc(100% - 64px)}
  .rd-page .rc-br{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rd-page .rc-q{padding:22px 18px;column-gap:12px}
  .rd-page .rc-q b{font-size:17px}
  .rd-page :is(.rd-hero,.wr-hero){gap:28px}
}
@media(max-width:760px){
  #page-contacts [data-info-page]:has(.rd-page),#page-seo>.rd-page{width:calc(100% - 40px);padding-bottom:48px}
  #page-contacts [data-info-page]:has(.rd-page) .info-top{margin-bottom:22px;gap:8px}
  #page-contacts [data-info-page]:has(.rd-page) .info-page-nav{gap:24px}
  #page-contacts [data-info-page]:has(.rd-page) .info-page-nav a{min-height:52px}
  .rd-page .rd{gap:52px}
  .rd-page .rd h1{font-size:clamp(34px,7vw,44px);line-height:1.12}
  .rd-page .rd .rd-lead{font-size:16px;margin-top:18px;line-height:1.65}
  .rd-page .rd-top{gap:26px}
  .rd-page :is(.rd-hero,.wr-hero){grid-template-columns:minmax(0,1fr);gap:24px}
  .rd-page .rc-now{max-width:none;width:100%;border-left:0;border-top:1px solid var(--border2);padding:20px 0 0}
  .rd-page :is(.rc-q,.rc-site-b,.rc-req,.rx-head,.rx-box,.dl-way,.dl-meter,.pay-way,.pay-req,.wr-list,.wr-hero .r){padding:22px}
  .rd-page .rc-q{column-gap:14px}
  .rd-page .rc-q b{font-size:19px}
  .rd-page .rc-b{padding:20px}
  .rd-page .rc-b>b{font-size:17px}
  .rd-page .rc-site h3{font-size:21px}
  .rd-page .rc-sites{gap:20px}
  .rd-page .rd-sh{gap:10px}
  .rd-page .rd-sh p{text-align:left}
  .rd-page .rx-row{gap:4px 12px}
  .rd-page .wr-hero .l{padding:0}
  .rd-page .wr-big b{font-size:96px}
  .rd-page .rd-end{gap:12px}
  .rd-page .rd-pg{padding:20px 16px}
  .rd-page .rd-pg b{font-size:15px}
  .rd-page .rd-partner{padding:24px}
}
@media(max-width:420px){
  .rd-page .rc-br{grid-template-columns:minmax(0,1fr)}
  .rd-page .rc-q{padding:20px 16px;column-gap:12px}
  .rd-page .rc-q b{font-size:16px;white-space:normal;overflow-wrap:anywhere}
  .rd-page .rc-act{flex-direction:column;align-items:stretch}
  .rd-page .pay-cmp{grid-template-columns:76px minmax(0,1fr) minmax(0,1fr)}
  .rd-page .pay-cmp>div,.rd-page .pay-cmp>.h{padding:12px 8px;overflow-wrap:anywhere}
}
@media print{
  body.contacts-open:has(.rd-page){background:#fff}
  #page-contacts [data-info-page]:has(.rd-page),#page-seo>.rd-page{width:100%;padding:0}
}

/* One compact company toolbar, reusing the actual partner control. */
body.contacts-open:has(.info-top #a-partner) .qrow{display:none}
#page-contacts [data-info-page]:has(.rd-page) .info-top{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:20px;margin:0 0 28px;padding:10px 0;border-bottom:1px solid var(--border2)}
#page-contacts [data-info-page]:has(.rd-page) .info-top .ab-back{font-size:0;width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border2);border-radius:6px;align-self:center}
#page-contacts [data-info-page]:has(.rd-page) .info-top .ab-back svg{width:17px;height:17px;flex-shrink:0}
#page-contacts [data-info-page]:has(.rd-page) .info-page-nav{border:0;min-width:0;gap:24px;overflow:auto;margin:0;scrollbar-width:none}
#page-contacts [data-info-page]:has(.rd-page) .info-page-nav a{min-height:48px;white-space:nowrap}
#page-contacts [data-info-page]:has(.rd-page) .info-page-nav a[aria-current=page]{border-bottom-color:#f4511e}
.info-top #a-partner{margin:0;flex-shrink:0;min-height:44px}
@media(max-width:1050px){
 #page-contacts [data-info-page]:has(.rd-page) .info-top{grid-template-columns:44px 1fr;gap:6px 16px;padding:8px 0;margin-bottom:24px}
 #page-contacts [data-info-page]:has(.rd-page) .info-page-nav{grid-column:1/-1;grid-row:2;gap:25px}
 .info-top #a-partner{grid-column:2;grid-row:1;justify-self:end}
}
@media(max-width:760px){
 #page-contacts [data-info-page]:has(.rd-page) .info-top{gap:4px 12px;margin-bottom:24px}
 #page-contacts [data-info-page]:has(.rd-page) .info-page-nav a{min-height:46px}
 .info-top #a-partner{width:auto;min-width:180px;justify-content:center}
}
