/* =============================================================================
   dcs-widgets.css  —  Drain Cleaning Solution SEO content-block stylesheet
   -----------------------------------------------------------------------------
   Self-contained design system for the `.dcsw` SEO content blocks injected by
   the seo-rebuild mu-plugin. EVERYTHING is scoped under `.dcsw` so it can never
   leak into the theme, header, footer, or any existing Elementor markup.
   Built strictly from design-tokens.json (live-measured brand values).
   Fonts (Sora / Montserrat) are already loaded by the theme; we only reference
   the family names with a sans-serif fallback.
   Breakpoints: mobile <=767  |  tablet 768  |  desktop >=1025.  Mobile-first.
   ========================================================================== */

/* ------------------------------------------------------------------ tokens */
.dcsw {
  /* brand palette */
  --dcsw-deep-teal: #003E57;
  --dcsw-teal:      #006A94;
  --dcsw-dark-navy: #001B26;
  --dcsw-gold:      #FFC83D;
  --dcsw-gold-brand:#FFBD3B;
  --dcsw-wa:        #25D366;

  /* text */
  --dcsw-heading: #030303;
  --dcsw-body:    #333333;
  --dcsw-muted:   #6D6D6D;
  --dcsw-inverse: #FFFFFF;

  /* surfaces */
  --dcsw-surface:       #FFFFFF;
  --dcsw-surface-light: #F7F7F7;

  /* signature gradients */
  --dcsw-grad:      linear-gradient(104deg, #003E57 14%, #FFBD3B 69%);
  --dcsw-grad-teal: linear-gradient(135deg, #003E57 0%, #006A94 100%);

  /* type */
  --dcsw-font-head: 'Sora', sans-serif;
  --dcsw-font-body: 'Montserrat', sans-serif;
  --dcsw-h1:  clamp(36px, 4.0vw + 18px, 58px);
  --dcsw-h2:  clamp(32px, 2.5vw + 18px, 44px);
  --dcsw-h3:  clamp(32px, 1.2vw + 24px, 38px);
  --dcsw-xl:  24px;
  --dcsw-lg:  22px;
  --dcsw-md:  20px;
  --dcsw-base:16px;
  --dcsw-sm:  15px;
  --dcsw-xs:  14px;

  /* shape & depth */
  --dcsw-radius-card: 10px;
  --dcsw-radius-pill: 50px;
  --dcsw-shadow: 4px 4px 10px 0 rgba(0,0,0,.15);

  /* layout */
  --dcsw-container: 1180px;
  --dcsw-gutter: 20px;
  --dcsw-sec-pad: 50px;   /* mobile; scaled up below          */
  --dcsw-gap:     20px;   /* grid/block gap; scaled up below  */

  /* accent system (variants override these) */
  --dcsw-accent:    var(--dcsw-gold-brand);
  --dcsw-accent-on: #030303;          /* readable text on the accent fill */
  --dcsw-hero-bg:   var(--dcsw-grad);

  font-family: var(--dcsw-font-body);
  font-size: var(--dcsw-base);
  line-height: 1.5;
  color: var(--dcsw-body);
  -webkit-font-smoothing: antialiased;
}
.dcsw *, .dcsw *::before, .dcsw *::after { box-sizing: border-box; }

@media (min-width: 768px)  { .dcsw { --dcsw-sec-pad: 70px;  --dcsw-gap: 30px; } }
@media (min-width: 1025px) { .dcsw { --dcsw-sec-pad: 100px; } }

/* ---------------------------------------------------------------- variants */
/* one leans gold gradient, one leans teal — visibly different per page */
.dcsw--gold {
  --dcsw-accent: var(--dcsw-gold-brand);
  --dcsw-accent-on: #030303;
  --dcsw-hero-bg: var(--dcsw-grad);
}
.dcsw--teal {
  --dcsw-accent: var(--dcsw-teal);
  --dcsw-accent-on: #FFFFFF;
  --dcsw-hero-bg: var(--dcsw-grad-teal);
}

/* ------------------------------------------------------------- base resets */
.dcsw img, .dcsw svg { max-width: 100%; }
.dcsw img { height: auto; display: block; }
.dcsw p { margin: 0 0 1em; }
.dcsw p:last-child { margin-bottom: 0; }
.dcsw a { color: var(--dcsw-teal); text-decoration: none; }
.dcsw a:hover { text-decoration: underline; }
.dcsw ul, .dcsw ol { margin: 0 0 1em; padding-left: 1.25em; }
.dcsw hr { border: 0; border-top: 1px solid rgba(0,0,0,.1); margin: var(--dcsw-gap) 0; }

/* ---------------------------------------------------------------- headings */
.dcsw-h1, .dcsw-h2, .dcsw-h3 {
  font-family: var(--dcsw-font-head);
  font-weight: 700;
  line-height: 1.3;
  color: var(--dcsw-heading);
  margin: 0 0 .5em;
  text-transform: capitalize;
}
.dcsw-h1 { font-size: var(--dcsw-h1); }
.dcsw-h2 { font-size: var(--dcsw-h2); }
.dcsw-h3 { font-size: var(--dcsw-h3); line-height: 1.2; }

.dcsw-hsub {
  font-family: var(--dcsw-font-body);
  font-weight: 300;
  font-size: clamp(16px, .6vw + 14px, 17px);
  line-height: 1.6;
  margin: 0 0 1.25em;
}
.dcsw-lead {
  font-family: var(--dcsw-font-body);
  font-weight: 400;
  font-size: clamp(17px, .6vw + 15px, 20px);
  line-height: 1.6;
  color: var(--dcsw-body);
  margin: 0 0 1.25em;
  max-width: 70ch;
}

/* eyebrow — small gold uppercase label above titles */
.dcsw-eyebrow {
  display: inline-block;
  font-family: var(--dcsw-font-head);
  font-weight: 600;
  font-size: var(--dcsw-xs);
  line-height: 1.5;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--dcsw-accent);
  margin: 0 0 12px;
}
.dcsw-eyebrow--t { color: var(--dcsw-teal); }   /* teal-on-light variant */

/* ------------------------------------------------------------- containers */
.dcsw-wrap {
  width: 100%;
  max-width: var(--dcsw-container);
  margin-inline: auto;
  padding-inline: var(--dcsw-gutter);
}

/* generic content section */
.dcsw-sec {
  padding-block: var(--dcsw-sec-pad);
  background: var(--dcsw-surface);
  color: var(--dcsw-body);
}
.dcsw-sec.dcsw-soft { background: var(--dcsw-surface-light); }
.dcsw-sec.dcsw-dark {
  background: var(--dcsw-deep-teal);
  color: var(--dcsw-inverse);
}
.dcsw-dark .dcsw-h1, .dcsw-dark .dcsw-h2, .dcsw-dark .dcsw-h3 { color: var(--dcsw-inverse); }
.dcsw-dark a { color: var(--dcsw-gold-brand); }

/* "quick answer" callout — first, direct SEO answer block */
.dcsw-answer .dcsw-wrap > .dcsw-lead,
.dcsw-answer > .dcsw-wrap { }
.dcsw-answer .dcsw-lead {
  border-left: 4px solid var(--dcsw-accent);
  background: var(--dcsw-surface-light);
  padding: 20px 24px;
  border-radius: 0 var(--dcsw-radius-card) var(--dcsw-radius-card) 0;
  font-size: clamp(17px, .6vw + 16px, 20px);
  color: var(--dcsw-heading);
  max-width: none;
}

/* --------------------------------------------------------------------- hero */
.dcsw-hero {
  position: relative;
  padding-block: calc(var(--dcsw-sec-pad) + 10px);
  background: var(--dcsw-hero-bg);
  color: var(--dcsw-inverse);
}
.dcsw-hero .dcsw-h1 { color: var(--dcsw-inverse); }
.dcsw-hero .dcsw-eyebrow { color: var(--dcsw-gold-brand); }
.dcsw-hero .dcsw-hsub { color: var(--dcsw-inverse); max-width: 60ch; }
.dcsw--teal .dcsw-hero .dcsw-eyebrow { color: var(--dcsw-gold-brand); }

.dcsw-hero--dark { background: var(--dcsw-dark-navy); }

/* split hero: copy + media side by side, stacks on mobile */
.dcsw-hero--split .dcsw-wrap {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--dcsw-gap);
  align-items: center;
}
@media (min-width: 1025px) {
  .dcsw-hero--split .dcsw-wrap { grid-template-columns: 1.1fr .9fr; gap: 48px; }
}

/* gradient strip band */
.dcsw-band {
  background: var(--dcsw-grad);
  color: var(--dcsw-inverse);
  padding-block: clamp(28px, 4vw, 44px);
}
.dcsw-band .dcsw-h2, .dcsw-band .dcsw-h3 { color: var(--dcsw-inverse); }
.dcsw-band .dcsw-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: var(--dcsw-gap);
  align-items: center;
  justify-content: space-between;
}

/* ----------------------------------------------------------------- CTA area */
.dcsw-cta {
  padding-block: var(--dcsw-sec-pad);
  background: var(--dcsw-grad);
  color: var(--dcsw-inverse);
  text-align: center;
}
.dcsw--teal .dcsw-cta { background: var(--dcsw-grad-teal); }
.dcsw-cta .dcsw-h2, .dcsw-cta .dcsw-h3 { color: var(--dcsw-inverse); }
.dcsw-cta .dcsw-lead, .dcsw-cta .dcsw-hsub { color: var(--dcsw-inverse); margin-inline: auto; }
.dcsw-cta .dcsw-eyebrow { color: var(--dcsw-gold-brand); }
.dcsw-cta--navy { background: var(--dcsw-dark-navy); }

/* button row */
.dcsw-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  margin-top: 24px;
}
.dcsw-cta .dcsw-cta-row { justify-content: center; }

/* ------------------------------------------------------------------ buttons */
.dcsw-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--dcsw-font-head);
  font-weight: 600;
  font-size: var(--dcsw-xs);
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .3px;
  text-decoration: none;
  padding: 18px 30px 15px;
  border-radius: var(--dcsw-radius-pill);
  border: 2px solid transparent;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease;
  /* default = gold pill */
  background: var(--dcsw-gold);
  color: #030303;
}
.dcsw-btn:hover { transform: translateY(-2px); box-shadow: var(--dcsw-shadow); text-decoration: none; }
.dcsw-btn--gold  { background: var(--dcsw-gold); color: #030303; }
.dcsw-btn--wa    { background: var(--dcsw-wa);   color: #FFFFFF; }
.dcsw-btn--white { background: #FFFFFF; color: var(--dcsw-deep-teal); }
.dcsw-btn--ghost {
  background: transparent;
  color: currentColor;
  border-color: currentColor;
}
.dcsw-btn--ghost:hover { background: rgba(255,255,255,.12); box-shadow: none; }

/* big phone link */
.dcsw-phone {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--dcsw-font-head);
  font-weight: 700;
  font-size: clamp(22px, 1.6vw + 14px, 30px);
  line-height: 1.2;
  color: var(--dcsw-deep-teal);
  text-decoration: none;
}
.dcsw-phone:hover { text-decoration: none; opacity: .9; }
.dcsw-dark .dcsw-phone, .dcsw-hero .dcsw-phone, .dcsw-cta .dcsw-phone, .dcsw-band .dcsw-phone { color: var(--dcsw-inverse); }
.dcsw-phone svg { width: 1em; height: 1em; flex: 0 0 auto; }

/* ------------------------------------------------------------- collections */
/* inline trust check list */
.dcsw-trust {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
}
.dcsw-trust li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--dcsw-font-body);
  font-weight: 500;
  font-size: var(--dcsw-sm);
}

/* responsive grids: collapse to 1 col on mobile */
.dcsw-grid, .dcsw-grid-3 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--dcsw-gap);
  margin-top: 30px;
}
@media (min-width: 768px) {
  .dcsw-grid   { grid-template-columns: repeat(2, 1fr); }
  .dcsw-grid-3 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1025px) {
  .dcsw-grid-3 { grid-template-columns: repeat(3, 1fr); }
}

/* vertical checklist */
.dcsw-checklist {
  list-style: none;
  margin: 16px 0;
  padding: 0;
  display: grid;
  gap: 12px;
}
.dcsw-checklist li {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: var(--dcsw-base);
  line-height: 1.5;
}

/* badges (small solid pills) */
.dcsw-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}
.dcsw-badges li, .dcsw-badges span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--dcsw-surface-light);
  color: var(--dcsw-deep-teal);
  font-family: var(--dcsw-font-head);
  font-weight: 600;
  font-size: var(--dcsw-xs);
  padding: 8px 14px;
  border-radius: var(--dcsw-radius-pill);
}
.dcsw-dark .dcsw-badges li, .dcsw-dark .dcsw-badges span { background: rgba(255,255,255,.12); color: var(--dcsw-inverse); }

/* chips (pill links) */
.dcsw-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}
.dcsw-chips a, .dcsw-chips li > a, .dcsw-chips li {
  display: inline-flex;
  align-items: center;
}
.dcsw-chips a {
  font-family: var(--dcsw-font-head);
  font-weight: 600;
  font-size: var(--dcsw-xs);
  text-transform: capitalize;
  color: var(--dcsw-deep-teal);
  background: #fff;
  border: 1px solid rgba(0,62,87,.25);
  padding: 8px 16px;
  border-radius: var(--dcsw-radius-pill);
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.dcsw-chips a:hover {
  background: var(--dcsw-accent);
  color: var(--dcsw-accent-on);
  border-color: var(--dcsw-accent);
  text-decoration: none;
}

/* --------------------------------------------------------------------- cards */
.dcsw-card {
  background: var(--dcsw-surface);
  border-radius: var(--dcsw-radius-card);
  box-shadow: var(--dcsw-shadow);
  padding: 28px;
  height: 100%;
}
.dcsw-card .dcsw-h3 { font-size: var(--dcsw-lg); line-height: 1.2; color: var(--dcsw-deep-teal); }

/* feature card (designed for dark sections) */
.dcsw-feat {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: var(--dcsw-radius-card);
  padding: 28px;
  color: var(--dcsw-inverse);
  height: 100%;
}
.dcsw-feat .dcsw-h3 { color: var(--dcsw-inverse); font-size: var(--dcsw-md); line-height: 1.2; }
.dcsw-feat svg { width: 40px; height: 40px; color: var(--dcsw-gold-brand); margin-bottom: 14px; }

/* review card */
.dcsw-review {
  background: var(--dcsw-surface);
  border-radius: var(--dcsw-radius-card);
  box-shadow: var(--dcsw-shadow);
  padding: 26px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.dcsw-stars { color: var(--dcsw-gold); font-size: var(--dcsw-md); letter-spacing: 2px; line-height: 1; }
.dcsw-stars svg { width: 18px; height: 18px; color: var(--dcsw-gold); display: inline-block; }
.dcsw-who {
  font-family: var(--dcsw-font-head);
  font-weight: 600;
  font-size: var(--dcsw-base);
  text-transform: uppercase;
  color: var(--dcsw-heading);
  margin-top: auto;
}
.dcsw-who span, .dcsw-who small {
  display: block;
  font-family: var(--dcsw-font-body);
  font-weight: 400;
  font-size: var(--dcsw-sm);
  text-transform: none;
  color: var(--dcsw-muted);
}

/* split: text + list, two columns -> stack on mobile */
.dcsw-split {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--dcsw-gap);
  align-items: start;
}
@media (min-width: 1025px) { .dcsw-split { grid-template-columns: 1fr 1fr; gap: 48px; } }

/* ----------------------------------------------------------------------- steps */
.dcsw-steps {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--dcsw-gap);
  margin-top: 30px;
  counter-reset: dcsw-step;
}
@media (min-width: 768px)  { .dcsw-steps { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1025px) { .dcsw-steps { grid-template-columns: repeat(4, 1fr); } }
.dcsw-step {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.dcsw-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--dcsw-accent);
  color: var(--dcsw-accent-on);
  font-family: var(--dcsw-font-head);
  font-weight: 700;
  font-size: var(--dcsw-md);
  flex: 0 0 auto;
}
.dcsw-step .dcsw-h3 { font-size: var(--dcsw-lg); line-height: 1.2; }
.dcsw-dark .dcsw-step .dcsw-h3 { color: var(--dcsw-inverse); }

/* ------------------------------------------------------------------------- FAQ */
.dcsw-faq .dcsw-acc + .dcsw-acc { margin-top: 12px; }
.dcsw-acc {
  border: 1px solid rgba(0,0,0,.1);
  border-radius: var(--dcsw-radius-card);
  background: var(--dcsw-surface);
  overflow: hidden;
  margin: 0 0 12px;
}
.dcsw-acc > summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px;
  font-family: var(--dcsw-font-head);
  font-weight: 600;
  font-size: clamp(16px, .5vw + 15px, 19px);
  color: var(--dcsw-heading);
}
.dcsw-acc > summary::-webkit-details-marker { display: none; }
.dcsw-acc > summary::after {
  content: '+';
  font-family: var(--dcsw-font-head);
  font-weight: 600;
  font-size: 26px;
  line-height: 1;
  color: var(--dcsw-accent);
  transition: transform .2s ease;
  flex: 0 0 auto;
}
.dcsw-acc[open] > summary::after { content: '\2013'; } /* en dash */
.dcsw-ans {
  padding: 0 22px 20px;
  color: var(--dcsw-body);
  font-size: var(--dcsw-base);
  line-height: 1.6;
}
.dcsw-faq.dcsw-dark .dcsw-acc,
.dcsw-dark .dcsw-acc { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.15); }
.dcsw-dark .dcsw-acc > summary { color: var(--dcsw-inverse); }
.dcsw-dark .dcsw-ans { color: rgba(255,255,255,.85); }

/* --------------------------------------------------- inline check svg icons */
/* check icons live inline in the markup; size + color them via currentColor */
.dcsw-trust svg,
.dcsw-checklist li > svg {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  margin-top: 1px;
  color: var(--dcsw-accent);   /* drives currentColor; markup svgs use fill/stroke="currentColor" */
}
.dcsw-dark .dcsw-trust svg,
.dcsw-dark .dcsw-checklist li > svg { color: var(--dcsw-gold-brand); }

/* spacing helpers between stacked blocks inside a wrap */
.dcsw-wrap > * + .dcsw-grid,
.dcsw-wrap > * + .dcsw-grid-3,
.dcsw-wrap > * + .dcsw-steps,
.dcsw-wrap > * + .dcsw-cta-row { margin-top: 30px; }

/* keep first/last block padding tidy */
.dcsw-sec > .dcsw-wrap > :first-child,
.dcsw-hero > .dcsw-wrap > :first-child,
.dcsw-cta  > .dcsw-wrap > :first-child { margin-top: 0; }
.dcsw-sec > .dcsw-wrap > :last-child,
.dcsw-hero > .dcsw-wrap > :last-child,
.dcsw-cta  > .dcsw-wrap > :last-child { margin-bottom: 0; }

/* ----------------------------------------- injected content image (ISSUE 5) */
.dcsw-img{
  display:block;
  width:100%;
  height:auto;
  max-width:560px;
  aspect-ratio:16 / 10;
  object-fit:cover;
  border-radius:var(--dcsw-radius-card);
  box-shadow:var(--dcsw-shadow);
  margin:6px 0 22px;
}
/* proposed placement helper: answer copy + image side-by-side on desktop */
.dcsw-media{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--dcsw-gap);
  align-items:center;
}
.dcsw-media .dcsw-img{ max-width:100%; margin:0; }
@media (min-width:1025px){
  .dcsw-media{ grid-template-columns:1.3fr .7fr; gap:36px; }
}

/* ==========================================================================
   v1.1 additions (2026-07-02): breadcrumb styling + image size caps
   Applied server-side so the AI never spends tokens on styling.
   ========================================================================== */

/* Breadcrumb: works for both plain and schema.org-microdata markup */
.dcsw nav[aria-label="Breadcrumb"] { margin: 14px 0 4px; }
.dcsw nav[aria-label="Breadcrumb"] ol {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; align-items: center;
  font-family: Sora, sans-serif; font-size: 13px; letter-spacing: .2px;
}
.dcsw nav[aria-label="Breadcrumb"] li { display: flex; align-items: center; color: #6D6D6D; }
.dcsw nav[aria-label="Breadcrumb"] li + li::before {
  content: "\203A"; margin: 0 9px; color: #FFBD3B; font-weight: 600; font-size: 15px; line-height: 1;
}
.dcsw nav[aria-label="Breadcrumb"] a { color: #003E57; text-decoration: none; font-weight: 600; }
.dcsw nav[aria-label="Breadcrumb"] a:hover { text-decoration: underline; }
.dcsw nav[aria-label="Breadcrumb"] li:last-child span { color: #6D6D6D; font-weight: 400; }

/* Image size caps: keep photos elegant, never full-screen walls */
.dcsw .dcsw-img {
  width: 100%; max-height: 420px; object-fit: cover;
  border-radius: 10px; box-shadow: 4px 4px 10px rgba(0, 0, 0, .15);
}
.dcsw .dcsw-media .dcsw-img { max-height: 340px; }
.dcsw figure.dcsw-img { max-height: none; }
.dcsw figure.dcsw-img img { width: 100%; max-height: 420px; object-fit: cover; border-radius: 10px; }
@media (max-width: 767px) {
  .dcsw .dcsw-img, .dcsw figure.dcsw-img img { max-height: 260px; }
}

/* Hide the Click-to-Chat floating WhatsApp button site-wide (user request 2026-07-02).
   The plugin stays active; only its floating UI is hidden. */
#ht-ctc-chat,
.ht-ctc,
.ht-ctc-chat,
.ht_ctc_chat_greetings_box {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* v1.2 (2026-07-02): breadcrumb aligned to the content container + balanced intro rhythm */
.dcsw nav[aria-label="Breadcrumb"] {
  max-width: var(--dcsw-container);
  margin: 18px auto 8px;
  padding-inline: var(--dcsw-gutter);
}
.dcsw-answer { padding-block: 10px 48px; }
.dcsw-answer .dcsw-cta-row { margin-top: 22px; }

/* v1.3 (2026-07-02): final-CTA rhythm + readable links on navy */
.dcsw-cta .dcsw-cta-row { margin-top: 28px; }
.dcsw-cta .dcsw-cta-row + p { margin-top: 26px; font-size: 14px; opacity: .92; }
.dcsw-cta a:not(.dcsw-btn) { color: #FFBD3B; text-decoration: none; }
.dcsw-cta a:not(.dcsw-btn):hover { text-decoration: underline; }