/* V5.0.5 final preview integration: unscoped shell states, light theme and collection SEO layout. */
body.hide-details #workbench.preview-studio .workspace{
  grid-template-columns:215px minmax(0,1fr);
}
body.hide-details #workbench.preview-studio .detail-panel{
  display:none;
}
body.is-presenting{
  overflow:hidden;
}
body.is-presenting #workbench.preview-studio .preview-hero,
body.is-presenting #workbench.preview-studio .collection-section,
body.is-presenting #workbench.preview-studio .rail,
body.is-presenting #workbench.preview-studio .detail-panel,
body.is-presenting #workbench.preview-studio .viewer-toolbar,
body.is-presenting #workbench.preview-studio .under-stage{
  display:none!important;
}
body.is-presenting #workbench.preview-studio .workspace{
  display:block;
  min-height:100vh;
  border:none;
}
body.is-presenting #workbench.preview-studio .viewer{
  height:100vh;
  min-height:100vh;
  padding:2.3vh 3vw;
  background:#071323;
  justify-content:center;
}
body.is-presenting #workbench.preview-studio .canvas-viewport{
  overflow:visible;
  max-width:none;
  width:100%;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
body.is-presenting #workbench.preview-studio .canvas-wrapper{
  width:min(94vw,calc(85vh * 16 / 9))!important;
  min-width:0;
  margin:auto;
}
body.is-presenting #workbench.preview-studio .canvas-controls{
  max-width:none;
  margin:0;
}
body.is-presenting #workbench.preview-studio .zoom-controls{
  display:none;
}
body.is-presenting #workbench.preview-studio .slide-dots{
  position:fixed;
  bottom:35px;
  left:25px;
  margin:0;
  z-index:7;
}
body.is-presenting #workbench.preview-studio .exit-present{
  display:grid;
}
@media(max-width:980px){
  body.hide-details #workbench.preview-studio .workspace{
    grid-template-columns:185px minmax(0,1fr);
  }
}
@media(max-width:720px){
  body.hide-details #workbench.preview-studio .workspace{
    display:flex;
    flex-direction:column;
  }
  body.hide-details #workbench.preview-studio .detail-panel{
    display:block;
  }
}

/* The light shell uses the site's current pale blue surfaces. Slide artwork remains untouched. */
html:not(.dark) #workbench.preview-studio{
  --bg:#f4f7fb;
  --surface:#ffffff;
  --surface-2:#eef4f9;
  --surface-3:#e5eef6;
  --line:#c8d8e7;
  --line-strong:#9eb8cf;
  --text:#17344f;
  --muted:#5d748b;
  --accent:#2168c9;
  color:#17344f;
  background:linear-gradient(180deg,#f5f9fd 0%,#edf4fa 100%);
}
html:not(.dark) #workbench.preview-studio .preview-hero{
  background:linear-gradient(135deg,#f7fbff 0%,#edf5fb 62%,#e9f7f6 100%)!important;
  border-color:#c6d9e8!important;
  color:#17344f!important;
}
html:not(.dark) #workbench.preview-studio .preview-hero h1,
html:not(.dark) #workbench.preview-studio .preview-hero h1 strong,
html:not(.dark) #workbench.preview-studio .preview-hero h1 span:first-child{
  color:#17344f!important;
}
html:not(.dark) #workbench.preview-studio .preview-hero h1 span,
html:not(.dark) #workbench.preview-studio .preview-hero h1 em{
  color:#13899b!important;
}
html:not(.dark) #workbench.preview-studio .preview-hero p,
html:not(.dark) #workbench.preview-studio .preview-hero .hero-copy,
html:not(.dark) #workbench.preview-studio .preview-hero .hero-meta{
  color:#58718a!important;
}
html:not(.dark) #workbench.preview-studio .preview-hero .hero-kicker,
html:not(.dark) #workbench.preview-studio .preview-hero .eyebrow{
  color:#3676b7!important;
}
html:not(.dark) #workbench.preview-studio .workspace{
  border-color:#a9c0d5!important;
  background:#fff!important;
  box-shadow:0 22px 56px rgb(31 76 115 / .12)!important;
}
html:not(.dark) #workbench.preview-studio .rail,
html:not(.dark) #workbench.preview-studio .sidebar-left{
  background:linear-gradient(180deg,#f8fbff,#edf4fa)!important;
  border-color:#d2e0ec!important;
  color:#23425d!important;
}
html:not(.dark) #workbench.preview-studio .viewer,
html:not(.dark) #workbench.preview-studio .viewer-center{
  background:linear-gradient(160deg,#f5f9fd,#e9f1f8)!important;
  color:#23425d!important;
}
html:not(.dark) #workbench.preview-studio .detail-panel,
html:not(.dark) #workbench.preview-studio .right-panel{
  background:#f9fbfe!important;
  border-color:#d2e0ec!important;
  color:#23425d!important;
}
html:not(.dark) #workbench.preview-studio .viewer-toolbar,
html:not(.dark) #workbench.preview-studio .viewer-bar{
  background:rgb(255 255 255 / .92)!important;
  border-color:#d2e0ec!important;
  color:#23425d!important;
}
html:not(.dark) #workbench.preview-studio .toolbar-kicker,
html:not(.dark) #workbench.preview-studio .eyebrow,
html:not(.dark) #workbench.preview-studio .tiny{
  color:#3676b7!important;
}
html:not(.dark) #workbench.preview-studio .toolbar-title,
html:not(.dark) #workbench.preview-studio .tooltitle,
html:not(.dark) #workbench.preview-studio .viewer-bar h2,
html:not(.dark) #workbench.preview-studio .section-title h3,
html:not(.dark) #workbench.preview-studio .right-panel h2{
  color:#23425d!important;
}
html:not(.dark) #workbench.preview-studio .toolbar-subtitle,
html:not(.dark) #workbench.preview-studio .viewer-bar p,
html:not(.dark) #workbench.preview-studio .detail-panel .deck-desc,
html:not(.dark) #workbench.preview-studio .detail-panel .palette-description,
html:not(.dark) #workbench.preview-studio .detail-panel .spec label,
html:not(.dark) #workbench.preview-studio .right-panel .summary{
  color:#5d748b!important;
}
html:not(.dark) #workbench.preview-studio .view-mode,
html:not(.dark) #workbench.preview-studio .thumb,
html:not(.dark) #workbench.preview-studio .button:not(.primary),
html:not(.dark) #workbench.preview-studio .viewer-btns button,
html:not(.dark) #workbench.preview-studio .zoom-controls,
html:not(.dark) #workbench.preview-studio .head-right button,
html:not(.dark) #workbench.preview-studio .head-right a{
  color:#31516d!important;
  background:#f4f8fc!important;
  border-color:#b8ccdf!important;
}
html:not(.dark) #workbench.preview-studio .view-mode:hover,
html:not(.dark) #workbench.preview-studio .button:not(.primary):hover,
html:not(.dark) #workbench.preview-studio .viewer-btns button:hover{
  background:#e8f1f8!important;
  border-color:#7da5c7!important;
}
html:not(.dark) #workbench.preview-studio .thumb:hover{
  background:#e8f1f8!important;
  border-color:#82a7c6!important;
}
html:not(.dark) #workbench.preview-studio .thumb.active{
  background:#e3f6f5!important;
  border-color:#2aa9a0!important;
  color:#17384d!important;
}
html:not(.dark) #workbench.preview-studio .thumb-title strong,
html:not(.dark) #workbench.preview-studio .thumb strong,
html:not(.dark) #workbench.preview-studio .thumb-title,
html:not(.dark) #workbench.preview-studio .thumb-num,
html:not(.dark) #workbench.preview-studio .thumb-title small{
  color:#31516d!important;
}
html:not(.dark) #workbench.preview-studio .detail-panel .deck-name,
html:not(.dark) #workbench.preview-studio .detail-panel .spec strong,
html:not(.dark) #workbench.preview-studio .detail-panel .panel-section h3,
html:not(.dark) #workbench.preview-studio .right-panel .section-title{
  color:#1f3c57!important;
}
html:not(.dark) #workbench.preview-studio .detail-panel .palette-button,
html:not(.dark) #workbench.preview-studio .theme-choice{
  color:#31516d!important;
  background:#f4f8fc!important;
  border-color:#b7cadc!important;
}
html:not(.dark) #workbench.preview-studio .detail-panel .palette-button.selected,
html:not(.dark) #workbench.preview-studio .theme-choice.selected{
  background:#e5f7f4!important;
  border-color:#1a9f98!important;
  color:#17384d!important;
}
html:not(.dark) #workbench.preview-studio .detail-panel .palette-confirm{
  color:#258074!important;
}
html:not(.dark) #workbench.preview-studio .collection-section,
html:not(.dark) #workbench.preview-studio .under-stage,
html:not(.dark) #workbench.preview-studio .thumb-strip{
  background:#f8fbfe!important;
  border-color:#d2e0ec!important;
  color:#23425d!important;
}
html:not(.dark) #workbench.preview-studio .collection-section h2,
html:not(.dark) #workbench.preview-studio .collection-section h3,
html:not(.dark) #workbench.preview-studio .under-stage h2{
  color:#23425d!important;
}
html:not(.dark) #workbench.preview-studio .collection-section p,
html:not(.dark) #workbench.preview-studio .under-stage p{
  color:#5d748b!important;
}

/* Collection SEO editorial base. It is intentionally outside the scoped Workbench sheet. */
.v505-page .site-width.seo-content.seo-premium{
  width:min(1240px,calc(100% - 40px));
  max-width:1240px;
  margin:24px auto 52px;
  padding:0;
  background:#fff;
  color:#17344f;
  border:1px solid #ceddeb;
  border-radius:18px;
  overflow:hidden;
  box-sizing:border-box;
  box-shadow:0 18px 40px rgb(31 76 115 / .08);
}
.v505-page .seo-premium>header,
.v505-page .seo-premium>.seo-chapter,
.v505-page .seo-premium>.seo-jumpnav,
.v505-page .seo-premium>.seo-references,
.v505-page .seo-premium>.seo-final-cta{
  width:100%;
  box-sizing:border-box;
}
.v505-page .seo-premium .seo-hero{
  padding:48px 48px 32px;
  background:linear-gradient(110deg,#f3f9ff,#fff 65%);
  border-bottom:1px solid #d8e5f0;
}
.v505-page .seo-premium .seo-hero h2{
  max-width:1170px;
  margin:14px 0 22px;
  color:#18344f;
  font-size:clamp(29px,3vw,47px);
  line-height:1.18;
  letter-spacing:-.045em;
  font-weight:900;
}
.v505-page .seo-premium .seo-hero h2 em{
  color:#2365b8;
  font-style:normal;
}
.v505-page .seo-premium .seo-hero p{
  max-width:1200px;
  margin:10px 0 16px;
  color:#3b536d;
  font-size:15px;
  line-height:1.87;
}
.v505-page .seo-premium .seo-hero .seo-intro{
  color:#304d6a;
  font-size:17px;
  line-height:1.78;
}
.v505-page .seo-premium .seo-proof{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
  margin-top:32px;
}
.v505-page .seo-premium .seo-proof>div{
  display:flex;
  min-height:160px;
  flex-direction:column;
  align-items:flex-start;
  gap:9px;
  padding:20px 17px;
  border:1px solid #d7e6f4;
  border-radius:14px;
  background:#fff;
}
.v505-page .seo-premium svg{
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.v505-page .seo-premium .seo-proof svg{
  width:25px;
  height:25px;
  margin-bottom:4px;
  color:#2c72ca;
}
.v505-page .seo-premium .seo-proof b{
  font-size:17px;
  font-weight:900;
}
.v505-page .seo-premium .seo-proof span{
  color:#60788e;
  font-size:12px;
  line-height:1.5;
}
.v505-page .seo-premium .seo-jumpnav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px 14px;
  padding:17px 48px;
  border-bottom:1px solid #d8e4f0;
  background:#fafcfe;
}
.v505-page .seo-premium .seo-jumpnav b{
  margin-right:13px;
  color:#607994;
  font-size:11px;
  letter-spacing:.1em;
}
.v505-page .seo-premium .seo-jumpnav a{
  padding:7px 10px;
  border:1px solid #cedde9;
  border-radius:9px;
  color:#2b5c91;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
}
.v505-page .seo-premium .seo-jumpnav a:hover,
.v505-page .seo-premium .seo-jumpnav a:focus-visible{
  border-color:#7da5c7;
  background:#edf5fb;
}
.v505-page .seo-premium .seo-chapter{
  margin:0;
  padding:42px 48px 14px;
  border-bottom:1px solid #e1e9f2;
}
.v505-page .seo-premium .seo-chapter-label{
  margin-bottom:16px;
  color:#3072c3;
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
}
.v505-page .seo-premium h3{
  max-width:1070px;
  margin:0 0 18px;
  color:#203b55;
  font-size:clamp(24px,2.35vw,33px);
  line-height:1.3;
  letter-spacing:-.032em;
  font-weight:880;
}
.v505-page .seo-premium h4{
  margin:0 0 10px;
  color:#27435e;
  font-size:19px;
  letter-spacing:-.02em;
  font-weight:900;
}
.v505-page .seo-premium p{
  max-width:1180px;
  margin:10px 0 16px;
  color:#405972;
  font-size:14.5px;
  line-height:1.86;
}
.v505-page .seo-premium strong{
  color:#254969;
  font-weight:850;
}
.v505-page .seo-premium .seo-method{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:13px;
  margin:27px 0 25px;
}
.v505-page .seo-premium .seo-method>div{
  position:relative;
  min-height:205px;
  padding:21px 18px 13px;
  border:1px solid #dae5f0;
  border-radius:13px;
  background:#f8fbfe;
}
.v505-page .seo-premium .seo-method>div>span{
  position:absolute;
  top:15px;
  right:16px;
  color:#b6cde2;
  font-size:25px;
  font-weight:950;
}
.v505-page .seo-premium .seo-method svg{
  width:28px;
  height:28px;
  margin-bottom:20px;
  color:#3377c2;
}
.v505-page .seo-premium .seo-method p{
  margin:0;
  font-size:13px;
  line-height:1.6;
}
.v505-page .seo-premium .seo-collection-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:25px;
}
.v505-page .seo-premium .seo-collection-item{
  min-height:210px;
  padding:22px 24px;
  border:1px solid #d9e5f0;
  border-left:4px solid #4f8bcf;
  border-radius:12px;
  background:#f8fbff;
}
.v505-page .seo-premium .seo-collection-item:nth-child(2){border-left-color:#ae906f}
.v505-page .seo-premium .seo-collection-item:nth-child(3){border-left-color:#1bbcac}
.v505-page .seo-premium .seo-collection-item:nth-child(4){border-left-color:#297fb3}
.v505-page .seo-premium .seo-collection-item:nth-child(5){border-left-color:#83bfb2}
.v505-page .seo-premium .seo-collection-item:nth-child(6){border-left-color:#459fab}
.v505-page .seo-premium .seo-collection-item:nth-child(7){border-left-color:#f17863}
.v505-page .seo-premium .seo-collection-item:nth-child(8){border-left-color:#f3a263}
.v505-page .seo-premium .seo-collection-item:nth-child(9){border-left-color:#bb7ae5}
.v505-page .seo-premium .seo-collection-item:nth-child(10){border-left-color:#c75d54}
.v505-page .seo-premium .seo-collection-item>span{
  color:#6a879f;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}
.v505-page .seo-premium .seo-collection-item h4{
  margin:10px 0;
  font-size:21px;
}
.v505-page .seo-premium .seo-collection-item p{
  margin:0 0 13px;
  font-size:13px;
  line-height:1.65;
}
.v505-page .seo-premium .seo-collection-item>b{
  padding:5px 9px;
  border-radius:15px;
  background:#e8f1fb;
  color:#3166a1;
  font-size:11px;
}
.v505-page .seo-premium .seo-quote{
  max-width:100%;
  margin:25px 0;
  padding:23px 37px 24px 66px;
  border:0;
  border-radius:14px;
  background:#142e49;
  color:#fff;
  font-family:Georgia,serif;
  font-size:24px;
  font-style:italic;
  line-height:1.48;
}
.v505-page .seo-premium .seo-quote>span{
  float:left;
  margin-top:12px;
  margin-left:-45px;
  color:#a9e2df;
  font-size:70px;
  line-height:.45;
}
.v505-page .seo-premium .seo-quote small{
  display:block;
  margin-top:22px;
  color:#b4d3e6;
  font-family:Inter,Arial,sans-serif;
  font-size:10px;
  font-style:normal;
  font-weight:800;
  letter-spacing:.13em;
}
.v505-page .seo-premium .seo-usecase-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:23px 0 27px;
}
.v505-page .seo-premium .seo-usecase-grid article{
  padding:25px;
  border:1px solid #dbe7f2;
  border-radius:13px;
  background:#fafcfe;
}
.v505-page .seo-premium .seo-usecase-icon{
  display:grid;
  width:45px;
  height:45px;
  place-items:center;
  margin-bottom:16px;
  border-radius:12px;
  background:#e8f3ff;
  color:#2168bc;
}
.v505-page .seo-premium .seo-usecase-icon svg{
  width:23px;
  height:23px;
}
.v505-page .seo-premium .seo-usecase-grid h4{
  font-size:19px;
}
.v505-page .seo-premium .seo-usecase-grid p{
  margin:0;
  font-size:13px;
  line-height:1.7;
}
.v505-page .seo-premium .seo-minor-title{
  margin-top:22px;
  font-size:21px;
}
.v505-page .seo-premium .seo-practical{
  margin:24px 0;
  padding:23px 29px;
  border:1px solid #cfe0ed;
  border-radius:16px;
  background:#f3f9fd;
}
.v505-page .seo-premium .seo-practical ul{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 28px;
  margin:12px 0 0;
  padding-left:21px;
}
.v505-page .seo-premium .seo-practical li{
  color:#38546b;
  font-size:13px;
  line-height:1.65;
}
.v505-page .seo-premium .seo-practical li::marker{color:#2366bf}
.v505-page .seo-premium .seo-status{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin:25px 0;
}
.v505-page .seo-premium .seo-status>div{
  padding:20px 24px;
  border:1px solid #c7e2db;
  border-radius:13px;
  background:#eff9f6;
}
.v505-page .seo-premium .seo-status>div:last-child{
  border-color:#f0dfc7;
  background:#fef8f0;
}
.v505-page .seo-premium .seo-status svg{
  width:24px;
  height:24px;
  margin-bottom:12px;
  color:#1e9075;
}
.v505-page .seo-premium .seo-status>div:last-child svg{color:#c7883a}
.v505-page .seo-premium .seo-status strong{
  display:block;
  font-size:12px;
  letter-spacing:.06em;
}
.v505-page .seo-premium .seo-status p{
  margin-bottom:0;
  font-size:13px;
  line-height:1.6;
}
.v505-page .seo-premium .seo-creative-pillars{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
  margin:22px 0;
}
.v505-page .seo-premium .seo-creative-pillars>div{
  padding:20px;
  border:1px solid #d9e5f0;
  border-top:4px solid #3675bf;
  border-radius:10px;
  background:#fff;
}
.v505-page .seo-premium .seo-creative-pillars b{
  color:#1e4163;
  font-size:16px;
}
.v505-page .seo-premium .seo-creative-pillars p{
  margin:10px 0 0;
  font-size:12.5px;
  line-height:1.65;
}
.v505-page .seo-premium .seo-faq{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 16px;
  margin:22px 0 33px;
}
.v505-page .seo-premium .seo-faq details{
  align-self:start;
  overflow:hidden;
  border:1px solid #d8e5f0;
  border-radius:11px;
  background:#fbfdff;
}
.v505-page .seo-premium .seo-faq summary{
  padding:18px 17px;
  cursor:pointer;
  color:#26415c;
  font-size:14px;
  font-weight:850;
  line-height:1.45;
  list-style-position:inside;
}
.v505-page .seo-premium .seo-faq details[open]{
  border-color:#8dbce5;
  background:#f7fbff;
}
.v505-page .seo-premium .seo-faq details p{
  margin:0;
  padding:0 18px 13px;
  font-size:13px;
  line-height:1.75;
}
.v505-page .seo-premium .seo-final-cta{
  display:grid;
  grid-template-columns:1fr auto;
  gap:35px;
  align-items:center;
  padding:33px 48px 36px!important;
  border:0!important;
  background:#edf5fd!important;
}
.v505-page .seo-premium .seo-final-cta h3{margin-bottom:9px}
.v505-page .seo-premium .seo-final-cta p{
  margin:0;
  font-size:13.5px;
}
.v505-page .seo-premium .seo-final-cta>a{
  padding:15px 20px;
  border-radius:11px;
  background:#245fc0;
  color:#fff;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
}
.v505-page .seo-premium .seo-references{
  padding:30px 48px;
  background:#f8fafc;
}
.v505-page .seo-premium .seo-references h3{
  margin:0 0 7px;
  font-size:21px;
}
.v505-page .seo-premium .seo-references p{
  font-size:12px;
  line-height:1.65;
}
.v505-page .seo-premium .seo-references a{
  color:#285fae;
  text-decoration:underline;
  text-underline-offset:3px;
}
.v505-page .seo-premium .seo-source-links{
  display:flex;
  flex-wrap:wrap;
  gap:9px 17px;
  margin:15px 0;
}
.v505-page .seo-premium .seo-source-links a{font-size:12px}
.v505-page .seo-premium [id]{scroll-margin-top:95px}

/* Dark collection surfaces remain aligned with the live site; SEO text stays readable. */
body.theme-dark-ui .v505-page .seo-premium,
html.dark .v505-page .seo-premium{
  background:#122941;
  color:#e7f3fe;
  border-color:#35536e;
}
body.theme-dark-ui .v505-page .seo-premium .seo-hero,
body.theme-dark-ui .v505-page .seo-premium .seo-jumpnav,
body.theme-dark-ui .v505-page .seo-premium .seo-chapter,
body.theme-dark-ui .v505-page .seo-premium .seo-references,
html.dark .v505-page .seo-premium .seo-hero,
html.dark .v505-page .seo-premium .seo-jumpnav,
html.dark .v505-page .seo-premium .seo-chapter,
html.dark .v505-page .seo-premium .seo-references{
  background:linear-gradient(135deg,#0e2538,#132c45 58%,#12343f);
  border-color:#35536e;
}
body.theme-dark-ui .v505-page .seo-premium h2,
body.theme-dark-ui .v505-page .seo-premium h3,
body.theme-dark-ui .v505-page .seo-premium h4,
html.dark .v505-page .seo-premium h2,
html.dark .v505-page .seo-premium h3,
html.dark .v505-page .seo-premium h4{
  color:#f3f7fc;
}
body.theme-dark-ui .v505-page .seo-premium p,
body.theme-dark-ui .v505-page .seo-premium li,
html.dark .v505-page .seo-premium p,
html.dark .v505-page .seo-premium li{
  color:#bdd2e2;
}
body.theme-dark-ui .v505-page .seo-premium strong,
body.theme-dark-ui .v505-page .seo-premium b,
html.dark .v505-page .seo-premium strong,
html.dark .v505-page .seo-premium b{
  color:#e7f3fe;
}
body.theme-dark-ui .v505-page .seo-premium .seo-proof>div,
body.theme-dark-ui .v505-page .seo-premium .seo-method>div,
body.theme-dark-ui .v505-page .seo-premium .seo-collection-item,
body.theme-dark-ui .v505-page .seo-premium .seo-usecase-grid article,
body.theme-dark-ui .v505-page .seo-premium .seo-status>div,
body.theme-dark-ui .v505-page .seo-premium .seo-creative-pillars>div,
body.theme-dark-ui .v505-page .seo-premium .seo-faq details,
html.dark .v505-page .seo-premium .seo-proof>div,
html.dark .v505-page .seo-premium .seo-method>div,
html.dark .v505-page .seo-premium .seo-collection-item,
html.dark .v505-page .seo-premium .seo-usecase-grid article,
html.dark .v505-page .seo-premium .seo-status>div,
html.dark .v505-page .seo-premium .seo-creative-pillars>div,
html.dark .v505-page .seo-premium .seo-faq details{
  background:#153049;
  border-color:#3a5d7b;
}
body.theme-dark-ui .v505-page .seo-premium .seo-usecase-icon,
html.dark .v505-page .seo-premium .seo-usecase-icon{
  background:linear-gradient(135deg,#123d56,#205b75);
  border-color:#2d849d;
  color:#7de5ef;
}
body.theme-dark-ui .v505-page .seo-premium .seo-faq summary,
html.dark .v505-page .seo-premium .seo-faq summary{
  color:#eff8ff;
}

/* Responsive editorial grid. */
@media(max-width:1000px){
  .v505-page .seo-premium .seo-proof,
  .v505-page .seo-premium .seo-method,
  .v505-page .seo-premium .seo-creative-pillars{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:680px){
  .v505-page .site-width.seo-content.seo-premium{
    width:calc(100% - 22px);
    margin:15px auto 30px;
    border-radius:14px;
  }
  .v505-page .seo-premium .seo-hero{
    padding:23px 19px;
  }
  .v505-page .seo-premium .seo-hero h2{font-size:30px}
  .v505-page .seo-premium .seo-hero .seo-intro{font-size:14px}
  .v505-page .seo-premium .seo-hero p{
    font-size:13px;
    line-height:1.7;
  }
  .v505-page .seo-premium .seo-chapter{
    padding:28px 18px 14px;
  }
  .v505-page .seo-premium h3{font-size:23px}
  .v505-page .seo-premium .seo-jumpnav{padding:13px 18px}
  .v505-page .seo-premium .seo-proof,
  .v505-page .seo-premium .seo-method,
  .v505-page .seo-premium .seo-creative-pillars,
  .v505-page .seo-premium .seo-usecase-grid,
  .v505-page .seo-premium .seo-collection-grid,
  .v505-page .seo-premium .seo-status,
  .v505-page .seo-premium .seo-faq{
    grid-template-columns:1fr;
  }
  .v505-page .seo-premium .seo-proof>div{
    min-height:90px;
    display:grid;
    grid-template-columns:34px 1fr;
    column-gap:12px;
    row-gap:3px;
    padding:14px;
  }
  .v505-page .seo-premium .seo-proof svg{grid-row:1/3}
  .v505-page .seo-premium .seo-proof span{grid-column:2}
  .v505-page .seo-premium .seo-method>div{min-height:0}
  .v505-page .seo-premium .seo-quote{
    padding:20px 22px 24px 44px;
    font-size:19px;
  }
  .v505-page .seo-premium .seo-quote>span{
    margin-left:-32px;
    font-size:52px;
  }
  .v505-page .seo-premium .seo-practical{padding:18px}
  .v505-page .seo-premium .seo-practical ul{grid-template-columns:1fr}
  .v505-page .seo-premium .seo-final-cta{
    grid-template-columns:1fr;
    gap:18px;
    padding:26px 19px!important;
  }
  .v505-page .seo-premium .seo-final-cta>a{text-align:center}
  .v505-page .seo-premium .seo-references{padding:23px 18px}
}