/* Approved common shell, 2026-10-30. Cel is deliberately excluded by the exporter.
   Layout tokens restore the existing Derm/XRT page grid. No content or consent code. */
body[data-spc-site] {
  --spc-layout-max:1280px;
  --spc-layout-gutter:56px;
}
body[data-spc-site="strataderm"],body[data-spc-site="stratatriz"] {--spc-brand-primary:#ff6900}
body[data-spc-site="strataxrt"] {--spc-brand-primary:#0057b8}
body[data-spc-site="stratamark"] {--spc-brand-primary:#9c1a87}

/* One outer alignment for content and shared header, footer, FAQ and banners. */
body[data-spc-site] .wrap,
body[data-spc-site] .spc-wrap,
body[data-spc-site] .spc-header #custom-promo-banner .wrap {
  width:min(var(--spc-layout-max),calc(100% - 2 * var(--spc-layout-gutter)));
  max-width:var(--spc-layout-max);
  margin-inline:auto;
}
body[data-spc-site] .spc {
  --spc-accent:var(--spc-brand-primary)!important;
  --spc-on-accent:#fff!important;
}

/* Filled CTAs use the same geometry and approved primary. White secondary
   buttons keep their dark text; Rx destinations and promotional copy stay intact. */
body[data-spc-site] .spc .spc-button {
  min-height:48px;
  padding:14px 22px;
  font-size:13px;
  color:#fff!important;
}
body[data-spc-site] .spc .spc-language-trigger {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:4px 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  font-size:12px;
  line-height:1.55;
}
body[data-spc-site] .spc-language-trigger>svg {width:15px;height:15px}
body[data-spc-site] .spc-language-trigger::after {
  content:"";
  display:block;
  flex:0 0 5px;
  width:5px;
  height:5px;
  margin:0 2px 3px 4px;
  border:solid currentColor;
  border-width:0 1px 1px 0;
  transform:rotate(45deg);
}
body[data-spc-site] .spc-cookie-content h2 {
  font-size:21px;line-height:1.25;font-weight:500;margin:0 0 10px;
}
body[data-spc-site] .spc-cookie-content p {
  font-size:14px;line-height:1.6;max-width:820px;margin:0 0 10px;
}
body[data-spc-site] .spc-footer h2 {
  font-size:20px;line-height:1.3;font-weight:500;margin:0 0 18px;
}

/* Isolate common dialogs from legacy brand-wide dialog rules (notably Mark). */
[data-spc-controls] dialog.spc-dialog {
  position:fixed;
  inset:0;
  width:min(540px,calc(100% - 32px));
  height:fit-content;
  max-width:none;
  max-height:calc(100dvh - 32px);
  margin:auto;
  padding:34px;
  border:1px solid #d9ded6;
  border-radius:6px;
  background:#fff;
  color:#252a28;
  overflow:auto;
  box-shadow:0 18px 65px #0002;
}
[data-spc-controls] dialog.spc-dialog::backdrop {background:#0005;backdrop-filter:none}
[data-spc-controls] dialog.spc-dialog h2 {
  font-size:27px;
  line-height:1.25;
  font-weight:500;
  margin:0 38px 18px 0;
}
[data-spc-controls] dialog.spc-dialog p {font-size:15px;line-height:1.65;margin:0 0 18px}
[data-spc-controls] dialog#spc-languages.spc-drawer {
  inset:0 0 0 auto;
  margin:0;
  width:min(480px,100%);
  height:100dvh;
  max-height:100dvh;
  padding:40px 36px;
  border-width:0 0 0 1px;
  border-radius:0;
}
[data-spc-controls] dialog#spc-search.spc-search-dialog {width:min(760px,calc(100% - 32px))}
[data-spc-controls] dialog#spc-preferences.spc-preferences::backdrop {
  background:transparent!important;
  backdrop-filter:none!important;
}
body[data-spc-site] #spc-cookies .spc-cookie-actions button {
  min-height:48px;
  padding:14px 22px;
  border-color:var(--spc-accent);
  font-size:13px;
}
body[data-spc-site] #spc-cookies [data-spc-cookie-action="accept"],
body[data-spc-site] #spc-preferences [data-spc-cookie-action="save"] {
  background:var(--spc-accent);
  border-color:var(--spc-accent);
  color:#fff!important;
}
body[data-spc-site] #spc-cookies [data-spc-cookie-action="reject"],
body[data-spc-site] #spc-cookies [data-spc-cookie-action="customize"],
body[data-spc-site] #spc-preferences [data-spc-cookie-action="reject"] {
  background:#fff;
  color:#252a28!important;
}

@media(max-width:1360px){
  body[data-spc-site] .spc-header .spc-header-inner{gap:17px}
  body[data-spc-site] .spc-header .spc-nav{gap:18px}
  body[data-spc-site] .spc-header .spc-nav a{font-size:13px}
}
@media(max-width:1200px){
  body[data-spc-site]{--spc-layout-gutter:36px}
  body[data-spc-site] .spc-header .spc-nav,
  body[data-spc-site] .spc-header .spc-main-cta{display:none}
  body[data-spc-site] .spc-header .spc-menu-toggle{display:inline-flex}
  body[data-spc-site] .spc-header .spc-brand{flex:1;margin-right:auto}
}
@media(max-width:760px){body[data-spc-site]{--spc-layout-gutter:20px}}
@media(max-width:720px){
  [data-spc-controls] dialog.spc-dialog {padding:28px 23px}
  [data-spc-controls] dialog.spc-dialog h2 {font-size:24px}
  [data-spc-controls] dialog#spc-languages.spc-drawer {padding:32px 25px}
  body[data-spc-site] .spc-topbar .spc-language-trigger {font-size:11px}
  body[data-spc-site] .spc-cookie-content h2{font-size:19px}
  body[data-spc-site] .spc-cookie-content p{font-size:13px}
  body[data-spc-site] .spc-footer h2{font-size:19px;margin-bottom:15px}
  body[data-spc-site] #spc-cookies .spc-cookie-actions button {
    min-height:46px;padding:12px 7px;font-size:12px;white-space:normal;
  }
}
@media(max-width:480px){body[data-spc-site]{--spc-layout-gutter:16px}}