/* Mulish self-hosted (was Google Fonts @import; removed to keep zero third-party requests) */
@font-face{font-family:'Mulish';font-style:normal;font-weight:300 900;font-display:swap;src:url('/wp-content/uploads/fonts/mulish/mulish-var.woff2') format('woff2');}

:root {
  --dr-primary-1: #141E3B;
  --dr-primary-2: #1F607D;
  --dr-primary-3: #0892C1;
  --dr-primary-4: #00C0F3;
  --dr-accent-1: #6B62A9;
  --dr-accent-2: #E36E60;
  --dr-accent-3: #F8984A;
  --dr-accent-4: #98BB6A;
  --dr-neutral-1: #414042;
  --dr-neutral-2: #808285;
  --dr-neutral-3: #A7A9AC;
  --dr-tint-1:    #DCEEF7;
  --dr-tint-2:    #F2F5EC;
  --dr-tint-3:    #E2E7EA;

  /* ---- Type scale ----
     ONE knob: --dr-text-base. It is rem-based, so it derives from the
     visitor's browser font-size preference. Every other size is a ratio
     of the base; change the base and the whole site scales together.
     Never hard-code a font-size; use these tokens (or the .dr-text-*
     utility classes in content). */
  --dr-text-base: 1.2rem;                            /* body copy (19.2px at browser default) */
  --dr-text-xs:   calc(var(--dr-text-base) * 0.65);  /* badges, fine print, uppercase eyebrows */
  --dr-text-sm:   calc(var(--dr-text-base) * 0.75);  /* captions, labels, meta */
  --dr-text-md:   calc(var(--dr-text-base) * 0.85);  /* secondary/card copy, form controls */
  --dr-text-lg:   calc(var(--dr-text-base) * 1.1);   /* leads, intro paragraphs */
  --dr-text-xl:   calc(var(--dr-text-base) * 1.2);   /* card/sub headings */
  --dr-text-2xl:  calc(var(--dr-text-base) * 1.5);   /* minor display, big prices */
  --dr-text-3xl:  calc(var(--dr-text-base) * 1.8);   /* large display numbers */
  --dr-text-h2:   clamp(calc(var(--dr-text-base) * 1.45), 3.6vw, calc(var(--dr-text-base) * 2.2));
  --dr-text-h1:   clamp(calc(var(--dr-text-base) * 2), 6.2vw, calc(var(--dr-text-base) * 3.55));
}

/* Standard type utilities for use in page content */
.dr-text-xs { font-size: var(--dr-text-xs); }
.dr-text-sm { font-size: var(--dr-text-sm); }
.dr-text-md { font-size: var(--dr-text-md); }
.dr-text-lg { font-size: var(--dr-text-lg); }
.dr-text-xl { font-size: var(--dr-text-xl); }
.dr-title-sm { font-size: var(--dr-text-2xl); }
.dr-title    { font-size: var(--dr-text-h2); }
.dr-title-lg { font-size: var(--dr-text-h1); }

body, .entry-content {
  font-family: 'Mulish', system-ui, -apple-system, sans-serif;
  color: var(--dr-neutral-1);
  font-weight: 400;
  font-size: var(--dr-text-base);
  line-height: 1.65;
}

/* GeneratePress fixes form controls at 17px, which ignores the browser's
   font-size setting. Derive from the type scale instead (md stays >=16px
   at browser default, so iOS doesn't zoom on focus). */
button, input, select, textarea {
  font-size: var(--dr-text-md);
}

h1, h2, h3, h4, h5, h6,
.entry-title, .site-title {
  font-family: 'Mulish', system-ui, sans-serif;
  color: var(--dr-primary-1);
}

h1 { font-weight: 700; line-height: 1.15; }
h2 { font-weight: 900; line-height: 1.2; }
h3 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-size: var(--dr-text-md);
  color: var(--dr-primary-2);
}

strong, b { font-weight: 700; }
em, i { font-style: italic; }

a {
  color: var(--dr-primary-2);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}
a:hover, a:focus {
  color: var(--dr-primary-1);
}

.wp-block-button__link,
.wp-block-button .wp-element-button {
  background-color: var(--dr-primary-1);
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-size: var(--dr-text-sm);
  padding: 0.875rem 1.75rem;
  border-radius: 4px;
  text-decoration: none;
}
.wp-block-button__link:hover,
.wp-block-button .wp-element-button:hover {
  background-color: var(--dr-primary-2);
  color: #fff;
}

hr.wp-block-separator {
  border-color: var(--dr-tint-3);
}

/* Site header background */
.site-header { background-color: #fff; }
.main-navigation .main-nav ul li a {
  color: var(--dr-primary-1);
  font-weight: 700;
}
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li a:hover {
  color: var(--dr-primary-1);
}

/* Footer */
.site-footer {
  background-color: var(--dr-primary-1);
  color: #fff;
}
.site-footer a { color: var(--dr-tint-1); }
.site-footer a:hover { color: var(--dr-primary-4); }

/* ============================================================
   Section bands (alignfull groups with brand backgrounds)
   ============================================================ */

/* Tighten whitespace around full-width content area (full-width-content pages only) */
.generate-full-width-content .site-main,
.generate-full-width-content .entry-content,
.generate-full-width-content .inside-article {
  padding: 0;
  margin: 0;
}
.generate-full-width-content .entry-content > *:first-child,
.entry-content > .alignfull:first-child { margin-top: 0; }
.generate-full-width-content .entry-content > *:last-child,
.entry-content > .alignfull:last-child { margin-bottom: 0; }

/* Constrained body content INSIDE a full-width page gets its own breathing room */
.dr-hero + .wp-block-group:not(.alignfull),
.alignfull + .wp-block-group:not(.alignfull) {
  padding-block: clamp(2rem, 4vw, 3rem);
  max-width: 760px;
  margin-inline: auto;
  padding-inline: 1.5rem;
}

/* Hero band */
.dr-hero {
  text-align: center;
  padding-block: clamp(2.5rem, 5.5vw, 4.5rem) clamp(3.5rem, 6.5vw, 5.5rem);
  position: relative;
  overflow: hidden;
}
.dr-hero > .wp-block-group__inner-container,
.dr-hero > * {
  max-width: 920px;
  margin-inline: auto;
}
.dr-hero h1 {
  font-size: clamp(calc(var(--dr-text-base)*1.67),5vw,calc(var(--dr-text-base)*2.92));
  margin: 0 0 1rem;
  color: var(--dr-primary-1);
  letter-spacing: -0.015em;
  line-height: 1.1;
}
.dr-hero h1 .dr-line-2 {
  font-weight: 400;
  font-size: 0.82em;
  color: var(--dr-primary-2);
  display: inline-block;
  margin-top: 0.25em;
}
.dr-nowrap { white-space: nowrap; }
@media (max-width: 600px) {
  .dr-nowrap { white-space: normal; }
}

/* Organic curved bottom edge (per brand guide page 5) */
.dr-hero::after {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  height: 60px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C240,80 480,8 720,32 C960,56 1200,8 1440,48 L1440,80 L0,80 Z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}
.dr-hero h2,
.dr-hero-sub h2 {
  color: var(--dr-primary-2);
  font-weight: 400;
  font-size: clamp(calc(var(--dr-text-base)*0.94),2.5vw,calc(var(--dr-text-base)*1.25));
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
}

/* Pull-quote callout band (background-agnostic;
   block-level inline styles drive color so the same component
   can sit on light or dark band backgrounds) */
.dr-callout {
  text-align: center;
  padding-block: clamp(3rem, 6vw, 5rem);
}
.dr-callout h2 {
  font-size: clamp(calc(var(--dr-text-base)*1.25),3.5vw,calc(var(--dr-text-base)*2.08));
  margin: 0 0 1rem;
  max-width: 820px;
  margin-inline: auto;
}
.dr-callout p {
  font-size: var(--dr-text-base);
  max-width: 700px;
  margin: 0 auto;
}
.dr-callout .dr-attribution {
  display: block;
  margin-top: 1.5rem;
  font-size: var(--dr-text-md);
  font-style: italic;
}

/* "Whether you're:" checklist with brand icons */
.dr-checklist {
  list-style: none;
  padding: 0;
  margin: 1.5rem 0 2rem;
  display: grid;
  gap: 1rem;
}
.dr-checklist li {
  display: flex;
  gap: 0.875rem;
  align-items: flex-start;
}
.dr-checklist .dr-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-top: 4px;
  color: var(--dr-primary-3);
}

/* CTA band (Primary 1 navy) */
.dr-cta-band {
  text-align: center;
  padding-block: clamp(2.5rem, 5vw, 4rem);
  background-color: var(--dr-primary-1) !important;
}
.dr-cta-band .wp-block-button__link,
.dr-cta-band .wp-block-button .wp-element-button {
  background-color: var(--dr-primary-3);
  color: var(--dr-primary-1);
  font-size: var(--dr-text-md);
  padding: 1rem 2.25rem;
}
.dr-cta-band .wp-block-button__link:hover,
.dr-cta-band .wp-block-button .wp-element-button:hover {
  background-color: var(--dr-primary-4);
  color: var(--dr-primary-1);
}

/* Stacked feature rows: icon left, heading + body right */
.dr-features {
  margin-block: clamp(2rem, 4vw, 3rem);
}
.dr-features .dr-feature-row {
  margin-block: 2rem;
}
.dr-features .dr-feature-row:first-of-type { margin-top: 0; }
.dr-features .dr-feature-row:last-of-type  { margin-bottom: 0; }
/* Reset Gutenberg column chrome so rows read as content, not cards */
.dr-features .wp-block-column {
  background: transparent;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.dr-feature-icon {
  display: block;
  width: 56px;
  height: 56px;
  color: var(--dr-primary-3);
  margin: 0;
}
/* Row-specific icon accents: cyan -> teal -> navy */
.dr-features .dr-feature-row:nth-of-type(2) .dr-feature-icon { color: var(--dr-primary-2); }
.dr-features .dr-feature-row:nth-of-type(3) .dr-feature-icon { color: var(--dr-primary-1); }
.dr-features h3 {
  color: var(--dr-primary-1);
  text-transform: none;
  letter-spacing: 0;
  font-size: var(--dr-text-xl);
  margin: 0 0 0.5rem;
}
.dr-features .dr-feature-row p { margin: 0; }

/* Hide page title on Home (set via per-page meta below;
   this is a safety net for GP themes without GP Premium meta hook) */
body.page-id-3433 .entry-header,
body.home .entry-header { display: none; }


/* Section-leading statement (e.g., the "You got into this work..." line on Home) */
.dr-section-lead {
  font-size: clamp(calc(var(--dr-text-base)*1.04),2.5vw,calc(var(--dr-text-base)*1.25));
  font-weight: 700;
  color: var(--dr-primary-1);
  margin: 0 0 1.25rem;
  line-height: 1.3;
}


/* True viewport-width alignfull (escape any container max-width) */
.entry-content > .alignfull,
.entry-content .alignfull {
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  width: 100vw !important;
  max-width: 100vw !important;
}




/* Constrain site logo ? the source file (Logo@2x.png) is 2x size for retina */
.site-logo img,
.site-branding .custom-logo,
.wp-block-site-logo img,
.site-header img.custom-logo {
  max-width: 200px;
  max-height: 60px;
  width: auto;
  height: auto;
  display: block;
}

/* Hide site title + tagline text when logo is present (logo is the brand) */
.site-header .main-title,
.site-header .site-description,
.site-branding .main-title,
.site-branding .site-description { display: none; }

/* Footer: full navy with readable links throughout */
.footer-widgets,
.site-info,
.footer-bar,
#colophon {
  background-color: var(--dr-primary-1);
  color: #ffffff;
}
.footer-widgets .widget-title,
.footer-widgets p,
.footer-widgets li,
.site-info,
.site-info .copyright-bar {
  color: rgba(255,255,255,0.92);
}
.footer-widgets a,
.site-info a,
.footer-bar a,
.site-info .menu a,
.footer-widgets .menu a,
#colophon a {
  color: var(--dr-tint-1) !important;
  text-decoration: none;
}
.footer-widgets a:hover,
.site-info a:hover,
.footer-bar a:hover,
.site-info .menu a:hover,
#colophon a:hover {
  color: var(--dr-primary-4) !important;
}
/* Footer nav: a bit more breathing room + clearly link-like */
.site-info .menu, .footer-bar .menu {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0 0 0.5rem;
}


/* Hero eyebrow */
.dr-hero .dr-eyebrow {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: var(--dr-text-sm);
  color: var(--dr-primary-2);
  margin: 0 0 1.25rem;
  opacity: 0.85;
}

/* Hero secondary CTA (text link below subhead) */
.dr-hero-cta {
  margin: 1.5rem 0 0;
  font-size: var(--dr-text-md);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.125em;
}
.dr-hero-cta a {
  color: var(--dr-primary-1);
  text-decoration: none;
  border-bottom: 2px solid var(--dr-primary-3);
  padding-bottom: 2px;
}
.dr-hero-cta a:hover,
.dr-hero-cta a:focus {
  color: var(--dr-primary-2);
  border-bottom-color: var(--dr-primary-2);
}


/* ============================================================
   Testimonials section
   ============================================================ */
.dr-testimonials {
  padding-block: clamp(3rem, 5vw, 4rem);
}
.dr-testimonials > .wp-block-group__inner-container,
.dr-testimonials > * {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 1.5rem;
}
.dr-testimonials h2 {
  margin: 0 0 2rem;
  font-size: clamp(calc(var(--dr-text-base)*1.25),3vw,calc(var(--dr-text-base)*1.67));
  color: var(--dr-primary-1);
}
.dr-testimonials .wp-block-columns {
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.dr-testimonials .wp-block-columns:last-child {
  margin-bottom: 0;
}
.dr-testimonial {
  background: #ffffff;
  border-radius: 8px;
  padding: 1.75rem;
  box-shadow: 0 1px 3px rgba(20, 30, 59, 0.06), 0 1px 2px rgba(20, 30, 59, 0.04);
  border-top: 3px solid var(--dr-primary-3);
}
.dr-testimonial p {
  font-size: var(--dr-text-md);
  line-height: 1.6;
  margin: 0 0 1rem;
  color: var(--dr-neutral-1);
}
.dr-testimonial .dr-attribution {
  margin: 0;
  font-size: var(--dr-text-sm);
  color: var(--dr-neutral-2);
  line-height: 1.45;
}
.dr-testimonial .dr-attribution strong {
  color: var(--dr-primary-1);
  display: block;
  margin-bottom: 0.125rem;
  font-weight: 700;
}

/* Featured testimonial (the $60K one): bigger, prominent, full-width single-column */
.dr-testimonial-featured {
  background: #ffffff;
  border-radius: 8px;
  padding: 2.25rem 2.5rem;
  box-shadow: 0 4px 16px rgba(20, 30, 59, 0.08), 0 2px 4px rgba(20, 30, 59, 0.04);
  border-top: 4px solid var(--dr-primary-3);
  margin-bottom: 2rem;
}
.dr-testimonial-featured p {
  font-size: var(--dr-text-base);
  line-height: 1.55;
  color: var(--dr-neutral-1);
  margin: 0 0 1rem;
}
.dr-testimonial-featured .dr-attribution {
  margin: 0;
  font-size: var(--dr-text-md);
  color: var(--dr-neutral-2);
}
.dr-testimonial-featured .dr-attribution strong {
  color: var(--dr-primary-1);
  font-weight: 700;
}

/* Founder / About section */
.dr-founder {
  padding-block: clamp(2rem, 4vw, 3rem);
}
.dr-founder h2 {
  margin: 0 0 1.5rem;
  font-size: clamp(calc(var(--dr-text-base)*1.25),3vw,calc(var(--dr-text-base)*1.67));
}



/* ============================================================
   Section eyebrows (small uppercase brand labels above section content)
   Reuses the same look as .dr-eyebrow in the hero, scoped for any section.
   ============================================================ */
.dr-section-eyebrow {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: var(--dr-text-sm);
  color: var(--dr-primary-3);
  margin: 0 0 1.25rem;
  opacity: 0.9;
}

/* ============================================================
   H2 accent rule: 60px brand-color line under section H2s
   ============================================================ */
.dr-callout h2::after,
.dr-testimonials h2::after,
.dr-founder h2::after,
.dr-features h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: var(--dr-primary-3);
  margin: 0.875rem auto 0;
  border-radius: 2px;
}

/* Center the new dr-features H2 + give it room before the icon rows */
.dr-features > h2.wp-block-heading {
  margin: 0 0 2rem;
  font-size: clamp(calc(var(--dr-text-base)*1.25),3vw,calc(var(--dr-text-base)*1.67));
  color: var(--dr-primary-1);
}
.dr-features > .dr-section-eyebrow {
  margin-bottom: 0.5rem;
}

/* ============================================================
   Curved-edge transitions between full-width section bands
   (extends the .dr-hero::after brand-guide pattern)
   ============================================================ */
.dr-callout,
.dr-testimonials,
.dr-cta-band {
  position: relative;
  overflow: hidden;
}

/* Curve INTO the gray callout from the white pillars above */
.dr-callout::before {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  height: 60px;
  background-image: url("data:image/svg+xml;utf8,");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
  z-index: 1;
}

/* Curve OUT of the gray testimonials into the white founder below
   (mirrors the hero's bottom curve, in white) */
.dr-testimonials::after {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  height: 60px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C240,80 480,8 720,32 C960,56 1200,8 1440,48 L1440,80 L0,80 Z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
  z-index: 1;
}

/* Curve INTO the navy CTA from the white checklist above */
.dr-cta-band::before {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  height: 60px;
  background-image: url("data:image/svg+xml;utf8,");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
  z-index: 1;
}

/* Extra top/bottom padding to clear the 60px curves */
.dr-callout {
  padding-top: calc(clamp(3rem, 6vw, 5rem) + 40px);
}
.dr-cta-band {
  padding-top: calc(clamp(2.5rem, 5vw, 4rem) + 40px);
}
.dr-testimonials {
  padding-bottom: calc(clamp(3rem, 5vw, 4rem) + 40px);
}




/* ============================================================
   Track B hero hybrid: brand line in H1, italic tagline, bridge
   (added 2026-06-02 - content shipped earlier without these styles)
   ============================================================ */
.dr-hero h1 .dr-h1-brand {
  display: block;
  margin-top: 0.3em;
  color: var(--dr-primary-2);
}
.dr-hero-tagline {
  font-size: clamp(calc(var(--dr-text-base)*0.89),2vw,calc(var(--dr-text-base)*1.04));
  font-style: italic;
  color: var(--dr-neutral-2);
  margin: 0 0 1.5rem;
}
.dr-hero-bridge {
  font-size: var(--dr-text-base);
  color: var(--dr-neutral-1);
  max-width: 640px;
  margin: 1.25rem auto 0;
  line-height: 1.6;
}

/* ============================================================
   Track B services: 3-column "ways to work with us" cards
   (card chrome mirrors .dr-testimonial; CTA mirrors .dr-hero-cta)
   ============================================================ */
.dr-services {
  padding-block: clamp(2.5rem, 5vw, 4rem);
  max-width: 1100px;
  margin-inline: auto;
  padding-inline: 1.5rem;
}
.dr-services > .dr-section-eyebrow { margin-bottom: 0.5rem; }
.dr-services > h2.wp-block-heading {
  text-align: center;
  margin: 0 0 2.5rem;
  font-size: clamp(calc(var(--dr-text-base)*1.25),3vw,calc(var(--dr-text-base)*1.67));
  color: var(--dr-primary-1);
}
.dr-services h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: var(--dr-primary-3);
  margin: 0.875rem auto 0;
  border-radius: 2px;
}
.dr-service-cols { gap: 1.5rem; }
.dr-service-col {
  background: #ffffff;
  border-radius: 8px;
  padding: 2rem 1.75rem;
  box-shadow: 0 1px 3px rgba(20,30,59,0.06), 0 1px 2px rgba(20,30,59,0.04);
  border-top: 3px solid var(--dr-primary-3);
  display: flex;
  flex-direction: column;
}
.dr-service-col h3 {
  text-transform: none;
  letter-spacing: 0;
  font-size: var(--dr-text-lg);
  color: var(--dr-primary-1);
  margin: 0 0 0.25rem;
}
.dr-service-tagline {
  font-style: italic;
  color: var(--dr-primary-2);
  font-size: var(--dr-text-md);
  margin: 0 0 1rem;
}
.dr-service-col p { font-size: var(--dr-text-md); line-height: 1.6; }
/* ============================================================
   PRICING BLOCK (websites/hosting) — scoped to .dr-pricing
   Source: admin/.../desk-ready-pricing-block.html (2026-06-18)
   ============================================================ */
.dr-pricing{
  --dr-ink:#15262f;
  --dr-head:#0f2636;
  --dr-muted:#33444f;
  --dr-teal:#0b4a55;
  --dr-deep:#134e5e;
  --dr-deep-hover:#0d3d49;
  --dr-line:#dde6ea;
  --dr-tint:#e9f3f4;
  --dr-bg:#f6f9fa;
  --dr-radius:0.875rem;
  --dr-shadow:0 1px 2px rgba(15,38,54,.06), 0 6px 18px rgba(15,38,54,.05);
  font-family:"Mulish", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color:var(--dr-ink);
  max-width:68rem;
  margin:0 auto;
  padding:1.5rem 1.25rem 1rem;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
.dr-pricing *{box-sizing:border-box;}
.dr-pricing .dr-eyebrow{
  display:block;
  font-size:var(--dr-text-xs);
  font-weight:800;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--dr-teal);
  margin:0 0 0.6rem;
}
.dr-rx .dr-pricing h2,.dr-pricing h2{
  font-size:clamp(calc(var(--dr-text-base)*1.33),3.2vw,calc(var(--dr-text-base)*1.75));
  line-height:1.15;
  font-weight:800;
  color:var(--dr-head);
  margin:0 0 0.5rem;
  letter-spacing:-0.01em;
}
.dr-pricing .dr-lead{
  font-size:var(--dr-text-md);
  color:var(--dr-muted);
  margin:0 0 1.6rem;
  max-width:42rem;
}
.dr-pricing .dr-section{margin-top:3.25rem;}
.dr-pricing .dr-section:first-of-type{margin-top:0;}
.dr-pricing .dr-included{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0.85rem 2rem;
}
.dr-pricing .dr-included li{
  display:flex;
  gap:0.65rem;
  align-items:flex-start;
  font-size:var(--dr-text-md);
  border:0;
  padding:0;
}
.dr-pricing .dr-included svg{flex:0 0 auto;margin-top:0.18rem;}
.dr-pricing .dr-footnote{
  margin:1.25rem 0 0;
  font-size:var(--dr-text-sm);
  color:var(--dr-muted);
  border-left:3px solid var(--dr-deep);
  padding:0.35rem 0 0.35rem 0.9rem;
}
.dr-pricing .dr-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr));
  gap:1.1rem;
}
.dr-pricing .dr-card{
  background:#fff;
  border:1px solid var(--dr-line);
  border-radius:var(--dr-radius);
  padding:1.4rem 1.35rem;
  box-shadow:var(--dr-shadow);
}
.dr-pricing .dr-card h3{
  font-size:var(--dr-text-base);
  font-weight:800;
  color:var(--dr-head);
  margin:0 0 0.15rem;
}
.dr-pricing .dr-price{
  font-weight:800;
  color:var(--dr-deep);
  font-size:var(--dr-text-md);
  margin:0 0 0.6rem;
}
.dr-pricing .dr-card p{margin:0;font-size:var(--dr-text-md);color:var(--dr-ink);}
.dr-pricing .dr-plans{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.1rem;
  align-items:start;
}
.dr-pricing .dr-plan{
  background:#fff;
  border:1px solid var(--dr-line);
  border-radius:var(--dr-radius);
  padding:1.5rem 1.35rem;
  box-shadow:var(--dr-shadow);
  position:relative;
  height:100%;
}
.dr-pricing .dr-plan.is-featured{
  background:var(--dr-tint);
  border-color:var(--dr-deep);
}
.dr-pricing .dr-badge{
  position:absolute;
  top:-0.7rem;
  left:1.35rem;
  background:var(--dr-deep);
  color:#fff;
  font-size:var(--dr-text-xs);
  font-weight:800;
  letter-spacing:0.1em;
  text-transform:uppercase;
  padding:0.28rem 0.6rem;
  border-radius:999px;
}
.dr-pricing .dr-plan h3{
  font-size:var(--dr-text-base);
  font-weight:800;
  color:var(--dr-head);
  margin:0 0 0.1rem;
}
.dr-pricing .dr-amount{
  font-size:var(--dr-text-2xl);
  font-weight:800;
  color:var(--dr-deep);
  margin:0.2rem 0 0;
  line-height:1;
}
.dr-pricing .dr-amount span{font-size:var(--dr-text-sm);font-weight:700;color:var(--dr-muted);}
.dr-pricing .dr-bestfor{
  margin:0.55rem 0 1rem;
  font-size:var(--dr-text-sm);
  color:var(--dr-muted);
}
.dr-pricing .dr-features{list-style:none;margin:0;padding:0;}
.dr-pricing .dr-features li{
  display:flex;
  gap:0.55rem;
  align-items:flex-start;
  font-size:var(--dr-text-md);
  padding:0.32rem 0;
  border:0;
}
.dr-pricing .dr-features svg{flex:0 0 auto;margin-top:0.2rem;}
.dr-pricing .dr-plan-note{
  margin:1.5rem 0 0;
  font-size:var(--dr-text-sm);
  color:var(--dr-muted);
}
.dr-pricing .dr-cta-wrap{margin-top:2.25rem;}
.dr-pricing .dr-btn{
  display:inline-block;
  background:var(--dr-deep);
  color:#fff;
  text-decoration:none;
  font-weight:800;
  font-size:var(--dr-text-md);
  padding:0.85rem 1.5rem;
  border-radius:999px;
  transition:background-color .15s ease, transform .15s ease;
}
.dr-pricing .dr-btn:hover{background:var(--dr-deep-hover);}
.dr-pricing .dr-btn:focus-visible{outline:3px solid var(--dr-teal);outline-offset:3px;}
.dr-pricing .dr-after{margin:0.85rem 0 0;font-size:var(--dr-text-sm);color:var(--dr-muted);}
@media (max-width:640px){
  .dr-pricing .dr-included{grid-template-columns:1fr;}
  .dr-pricing .dr-plans{grid-template-columns:1fr;}
}
@media (min-width:641px) and (max-width:860px){
  .dr-pricing .dr-plans{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:no-preference){
  .dr-pricing .dr-card,.dr-pricing .dr-plan{transition:transform .15s ease, box-shadow .15s ease;}
  .dr-pricing .dr-card:hover,.dr-pricing .dr-plan:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(15,38,54,.08),0 12px 26px rgba(15,38,54,.07);}
}

/* ---- Services Overview hub: section label + "Learn more" link ---- */
.dr-rx .svc .svc-label{display:block;font-weight:700;font-size:var(--dr-text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin:0 0 8px;}
.dr-rx .svc .svc-more{margin:4px 0 0;}
.dr-rx .svc .svc-more a{font-weight:700;color:var(--teal);font-size:var(--dr-text-md);text-decoration:none;display:inline-flex;align-items:center;gap:7px;}
.dr-rx .svc .svc-more a:hover{text-decoration:underline;}
.dr-rx #pricing,.dr-pricing #care-plans,.dr-pricing #build{scroll-margin-top:90px;}
.dr-pricing .dr-footnote a{color:#0b4a55;font-weight:800;text-decoration:underline;text-underline-offset:2px;}
.dr-pricing .dr-footnote a:hover{color:#0d3d49;}
.dr-pricing .dr-footnote a:focus-visible{outline:3px solid #0b4a55;outline-offset:3px;}
.dr-pricing .dr-rescue{background:#e9f3f4;border-left:4px solid #134e5e;border-radius:0 0.875rem 0.875rem 0;padding:1.6rem 1.5rem;margin:0;}
.dr-pricing .dr-rescue h2{margin-bottom:0.5rem;}
.dr-pricing .dr-rescue p{margin:0 0 1.15rem;color:#15262f;max-width:46rem;}
.dr-pricing .dr-rescue .dr-btn{margin:0;}
.dr-pricing .dr-note{display:block;margin-top:0.3rem;font-size:var(--dr-text-sm);font-weight:700;color:#0b4a55;}
.dr-pricing .dr-annual{margin:0.3rem 0 0;font-size:var(--dr-text-sm);font-weight:700;color:#0b4a55;}
.dr-pricing .dr-plan-note + .dr-plan-note{margin-top:0.4rem;}
.dr-pricing .dr-plan-note a{color:#0b4a55;font-weight:700;text-decoration:underline;text-underline-offset:2px;}
.dr-pricing .dr-plan-note a:hover{color:#0d3d49;}
.dr-pricing .dr-buildprice{margin:1.4rem 0 0;font-size:var(--dr-text-md);line-height:1.55;color:#15262f;background:#e9f3f4;border-radius:0.875rem;padding:0.95rem 1.15rem;}
.dr-pricing .dr-buildprice strong{color:#134e5e;}
.dr-pricing .dr-buildbonus{margin:0 0 1.6rem;font-size:var(--dr-text-md);line-height:1.55;color:#15262f;background:#e9f3f4;border-left:3px solid #134e5e;border-radius:0 0.5rem 0.5rem 0;padding:0.8rem 1.1rem;}
.dr-pricing .dr-buildbonus strong{color:#134e5e;}
.dr-service-cta {
  margin: auto 0 0;
  padding-top: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: var(--dr-text-sm);
}
.dr-service-cta a {
  color: var(--dr-primary-2);
  text-decoration: none;
  border-bottom: 2px solid var(--dr-primary-3);
  padding-bottom: 2px;
}
.dr-service-cta a:hover,
.dr-service-cta a:focus {
  color: var(--dr-primary-1);
  border-bottom-color: var(--dr-primary-2);
}
@media (max-width: 781px) {
  .dr-service-cols { gap: 1.25rem; }
}

/* Hero H1 hierarchy: lighter lead-in, heavier focal triad (added 2026-06-02) */
.dr-hero h1 .dr-h1-lead {
  display: block;
  font-weight: 500;
}
.dr-hero h1 .dr-h1-triad {
  display: block;
  font-weight: 800;
  margin-top: 0.1em;
}


/* Hero split: sub-hero (H2 + bridge + CTA) on white below the blue band (2026-06-09) */
.dr-hero-sub {
  text-align: center;
  padding-block: clamp(1.5rem, 3.5vw, 2.5rem) clamp(2.25rem, 5vw, 3.25rem);
}
.dr-hero-sub > * { max-width: 820px; margin-inline: auto; }



/* ============================================================
   HOME REDESIGN (.dr-rx) — ported from 2026-06-09 mockup
   Mulish + Desk Ready brand tokens. Scoped to .dr-rx so it
   cannot affect the rest of the site. (added 2026-06-09)
   ============================================================ */
.dr-rx{
  --navy:#141E3B; --navy-soft:#2a3a63;
  --teal:#1F607D; --teal-dark:#184E66; --cyan:#0892C1; --cyan-bright:#00C0F3;
  --sky:#DCEEF7; --sky-soft:#EAF4FB; --paper:#F5F7FA; --white:#ffffff;
  --ink:#414042; --muted:#5f6a7a;
  --line:rgba(20,30,59,.10); --line-strong:rgba(20,30,59,.16);
  --radius:16px;
  --shadow-sm:0 1px 2px rgba(20,30,59,.04), 0 4px 14px rgba(20,30,59,.06);
  --shadow-md:0 8px 30px rgba(20,30,59,.10);
  --ease:cubic-bezier(.2,.7,.2,1);
  font-family:'Mulish',system-ui,-apple-system,sans-serif;
  color:var(--ink);
}
.dr-rx, .dr-rx > .wp-block-group__inner-container{max-width:none;padding:0;margin:0;}
.dr-rx *{box-sizing:border-box;}
.dr-rx h1,.dr-rx h2,.dr-rx h3{font-family:'Mulish',system-ui,sans-serif;color:var(--navy);margin:0;line-height:1.14;letter-spacing:-.005em;}
.dr-rx a{color:inherit;text-decoration:none;}
.dr-rx .dr-wrap{max-width:1120px;margin:0 auto;padding:0 28px;}

/* buttons */
.dr-rx .btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:var(--dr-text-md);background:var(--teal);color:var(--white);padding:13px 24px;border-radius:999px;border:0;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease),background .25s var(--ease),box-shadow .25s var(--ease);white-space:nowrap;}
.dr-rx .btn .arr{transition:transform .25s var(--ease);}
.dr-rx .btn:hover,.dr-rx .btn:focus-visible{background:var(--teal-dark);transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--white);}
.dr-rx .btn:hover .arr{transform:translateX(4px);}
.dr-rx .btn.lg{padding:17px 32px;font-size:var(--dr-text-md);}

/* hero */
.dr-rx .hero{position:relative;overflow:hidden;text-align:center;background:radial-gradient(900px 520px at 50% -10%, rgba(0,192,243,.16), transparent 60%),linear-gradient(180deg,var(--sky) 0%,var(--sky-soft) 70%,var(--white) 100%);}
.dr-rx .hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(20,30,59,.05) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(70% 60% at 50% 35%,#000 30%,transparent 75%);mask-image:radial-gradient(70% 60% at 50% 35%,#000 30%,transparent 75%);pointer-events:none;}
.dr-rx .hero .dr-wrap{position:relative;padding-top:92px;padding-bottom:96px;}
.dr-rx .eyebrow{font-weight:700;font-size:var(--dr-text-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--teal);margin-bottom:26px;}
.dr-rx .eyebrow .dot{color:var(--cyan);margin:0 8px;}
.dr-rx h1.hero-title{font-size:var(--dr-text-h1);font-weight:600;color:var(--navy);max-width:18ch;margin:0 auto;}
.dr-rx h1.hero-title .beat2{display:block;font-weight:800;margin-top:.12em;letter-spacing:-.02em;}
.dr-rx .payoff{font-weight:800;font-size:clamp(calc(var(--dr-text-base)*1.25),3.4vw,calc(var(--dr-text-base)*1.88));color:var(--teal);margin:22px auto 10px;}
.dr-rx .tagline{font-style:italic;color:var(--muted);font-size:clamp(calc(var(--dr-text-base)*0.78),1.7vw,calc(var(--dr-text-base)*0.94));margin:0 0 28px;}
.dr-rx .support{font-size:clamp(calc(var(--dr-text-base)*0.83),1.9vw,calc(var(--dr-text-base)*0.99));color:var(--navy-soft);max-width:36ch;margin:0 auto 36px;font-weight:500;}
.dr-rx .hero-cta{display:flex;justify-content:center;}

/* sections */
.dr-rx .section{padding:84px 0;}
.dr-rx .section.tint{background:linear-gradient(180deg,var(--white),var(--paper));}
.dr-rx .section-head{text-align:center;max-width:44ch;margin:0 auto 52px;}
.dr-rx .section-head .kicker{font-weight:700;font-size:var(--dr-text-sm);letter-spacing:.18em;text-transform:uppercase;color:var(--teal);}
.dr-rx .section-head h2{font-size:var(--dr-text-h2);margin:14px 0 14px;font-weight:800;}
.dr-rx .section-head p{color:var(--muted);font-size:var(--dr-text-base);margin:0;}

/* bridge lines — single connector sentences between sections; rule treatment so they read as designed transitions, not orphans */
.dr-rx .section.bridge{padding:10px 0;text-align:center;}
.dr-rx .bridge .dr-wrap p{font-size:var(--dr-text-base);font-weight:600;color:var(--navy-soft);margin:0;}
.dr-rx .bridge .dr-wrap p::before,.dr-rx .bridge .dr-wrap p::after{content:"";display:inline-block;width:56px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--teal),var(--cyan));vertical-align:middle;margin:0 18px;}
.dr-rx .bridge .dr-wrap p::after{background:linear-gradient(90deg,var(--cyan),var(--teal));}
.dr-rx .bridge a{color:var(--teal);font-weight:700;text-decoration:underline;text-underline-offset:3px;}
@media (max-width:640px){.dr-rx .bridge .dr-wrap p::before,.dr-rx .bridge .dr-wrap p::after{width:26px;margin:0 10px;}}

/* service + tier cards */
.dr-rx .cards{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;}
.dr-rx .card{flex:1 1 300px;max-width:340px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:30px 28px 26px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);display:flex;flex-direction:column;}
.dr-rx .card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--cyan));transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);}
.dr-rx .card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--line-strong);}
.dr-rx .card:hover::before{transform:scaleX(1);}
.dr-rx .card .ico{width:46px;height:46px;border-radius:12px;background:var(--sky-soft);display:flex;align-items:center;justify-content:center;color:var(--teal);margin-bottom:18px;}
.dr-rx .card .ico svg{width:24px;height:24px;}
.dr-rx .card h3{font-size:var(--dr-text-lg);font-weight:700;margin-bottom:8px;color:var(--navy);}
.dr-rx .card p{margin:0 0 18px;color:var(--muted);font-size:var(--dr-text-md);flex:1;}
.dr-rx .card .more{font-weight:700;font-size:var(--dr-text-sm);color:var(--teal);display:inline-flex;align-items:center;gap:7px;}
.dr-rx .card .more .arr{transition:transform .25s var(--ease);}
.dr-rx .card:hover .more .arr{transform:translateX(4px);}
.dr-rx .card a.cover{position:absolute;inset:0;}
.dr-rx .card .plan-intro{flex:0 0 auto;margin-bottom:12px;}
.dr-rx .card ul.plan-list{list-style:none;margin:0 0 6px;padding:0;flex:1;}
.dr-rx .card ul.plan-list li{display:flex;align-items:flex-start;gap:9px;margin:0 0 10px;color:var(--muted);font-size:var(--dr-text-md);line-height:1.55;}
.dr-rx .card ul.plan-list li:last-child{margin-bottom:0;}
.dr-rx .card ul.plan-list svg{flex:0 0 auto;margin-top:3px;}
.dr-rx ol.step-row{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin:0 auto 34px;padding:0;max-width:860px;text-align:left;}
.dr-rx ol.step-row li{flex:1 1 300px;max-width:400px;display:flex;gap:13px;align-items:flex-start;}
.dr-rx .step-num{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--sky-soft);color:var(--teal);font-weight:800;font-size:var(--dr-text-md);display:flex;align-items:center;justify-content:center;}
.dr-rx ol.step-row p{margin:0;color:var(--muted);font-size:var(--dr-text-md);line-height:1.55;}
.dr-rx ol.step-row strong{color:var(--navy);}
.dr-rx ol.step-row a{color:var(--teal);font-weight:700;}
.dr-rx .price{font-weight:800;font-size:var(--dr-text-3xl);color:var(--teal);margin:2px 0 14px;}
.dr-rx .price .per{font-weight:600;font-size:var(--dr-text-md);color:var(--muted);}
.dr-rx .tier-note,.dr-rx .section-note{text-align:center;color:var(--muted);font-size:var(--dr-text-md);margin:34px auto 0;max-width:60ch;}
.dr-rx .tier-note a,.dr-rx .section-note a{color:var(--teal);font-weight:700;}

/* trust callout */
.dr-rx .callout{max-width:860px;margin:0 auto;background:var(--white);border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:var(--radius);padding:40px 44px;box-shadow:var(--shadow-sm);}
.dr-rx .callout h2{font-size:clamp(calc(var(--dr-text-base)*1.25),3vw,calc(var(--dr-text-base)*1.72));margin-bottom:14px;font-weight:800;}
.dr-rx .callout p{color:var(--ink);font-size:var(--dr-text-base);margin:0 0 22px;}
.dr-rx .callout .more{font-weight:700;color:var(--teal);display:inline-flex;align-items:center;gap:8px;font-size:var(--dr-text-md);}
.dr-rx .callout .more .arr{transition:transform .25s var(--ease);}
.dr-rx .callout .more:hover .arr{transform:translateX(4px);}

/* Disclosure toggle: hides a secondary form behind a click so two forms
   never sit open on one page (e.g. notify list on /learn/classes/) */
.dr-rx .dr-disclose summary{cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--teal);font-size:var(--dr-text-md);list-style:none;}
.dr-rx .dr-disclose summary::-webkit-details-marker{display:none;}
.dr-rx .dr-disclose summary::after{content:"\2192";transition:transform .25s var(--ease);}
.dr-rx .dr-disclose:not([open]) summary:hover::after{transform:translateX(4px);}
.dr-rx .dr-disclose[open] summary::after{transform:rotate(90deg);}
.dr-rx .dr-disclose[open]{padding-bottom:4px;}
.dr-rx .dr-disclose .wpforms-container{margin-top:18px;}

/* testimonials */
.dr-rx .featured{max-width:920px;margin:0 auto 30px;background:var(--white);border:1px solid var(--line);border-top:4px solid var(--cyan);border-radius:var(--radius);padding:38px 44px;box-shadow:var(--shadow-sm);}
.dr-rx .featured p{font-size:clamp(calc(var(--dr-text-base)*0.94),2.2vw,calc(var(--dr-text-base)*1.15));color:var(--navy);font-weight:500;line-height:1.5;margin:0 0 16px;}
.dr-rx .featured .who{font-weight:700;color:var(--teal);font-size:var(--dr-text-md);}
.dr-rx .tgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:920px;margin:0 auto;}
.dr-rx .tcard{background:var(--white);border:1px solid var(--line);border-top:3px solid var(--teal);border-radius:var(--radius);padding:28px 30px;box-shadow:var(--shadow-sm);}
.dr-rx .tcard p{margin:0 0 16px;color:var(--ink);font-size:var(--dr-text-md);}
.dr-rx .tcard .name{font-weight:700;color:var(--navy);font-size:var(--dr-text-md);}
.dr-rx .tcard .role{color:var(--muted);font-size:var(--dr-text-sm);}

/* about */
.dr-rx .about{max-width:820px;margin:0 auto;}
.dr-rx .about p{font-size:var(--dr-text-base);color:var(--ink);margin:0 0 20px;}
.dr-rx .about .guide-art{max-width:380px;margin:36px auto;}
.dr-rx .about .guide-art.sm{max-width:220px;}
.dr-rx .about .guide-art.float{float:right;max-width:250px;margin:6px 0 22px 32px;}
.dr-rx .about .guide-art.sm.float{max-width:170px;}
.dr-rx .about h3{clear:both;}
.dr-rx .about .guide-art img{width:100%;height:auto;display:block;}
@media (max-width:680px){.dr-rx .about .guide-art.float{float:none;margin:30px auto;}}
.dr-rx .founder-quote .sign{display:flex;align-items:center;gap:12px;}
.dr-rx .founder-portrait{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--sky);box-shadow:0 2px 8px rgba(20,30,59,.10);flex-shrink:0;}
.dr-rx .founder-quote{margin:34px 0 0;background:var(--sky-soft);border-radius:var(--radius);padding:34px 38px;border-left:5px solid var(--cyan);}
.dr-rx .founder-quote p{font-size:var(--dr-text-base);color:var(--navy);font-style:italic;margin:0 0 16px;line-height:1.6;}
.dr-rx .founder-quote .sign{font-style:normal;font-weight:700;color:var(--teal);font-size:var(--dr-text-md);}

/* closing CTA band */
.dr-rx .cta-band{background:radial-gradient(700px 400px at 80% 0%,rgba(0,192,243,.30),transparent 60%),linear-gradient(135deg,var(--teal) 0%,var(--teal-dark) 100%);color:var(--white);text-align:center;}
.dr-rx .cta-band .dr-wrap{padding:78px 28px;}
.dr-rx .cta-band h2{color:var(--white);font-size:var(--dr-text-h2);font-weight:800;max-width:20ch;margin:0 auto 14px;}
.dr-rx .cta-band p{color:rgba(255,255,255,.92);font-size:var(--dr-text-base);margin:0 auto 32px;max-width:46ch;}
.dr-rx .cta-band .btn{background:var(--white);color:var(--teal-dark);}
.dr-rx .cta-band .btn:hover{background:var(--sky);color:var(--teal-dark);}

@media (max-width:780px){.dr-rx .tgrid{grid-template-columns:1fr;}}
@media (max-width:680px){
  .dr-rx .hero .dr-wrap{padding-top:64px;padding-bottom:70px;}
  .dr-rx .callout,.dr-rx .featured,.dr-rx .founder-quote{padding:30px 24px;}
  .dr-rx .section{padding:62px 0;}
}
@media (prefers-reduced-motion:reduce){
  .dr-rx *{animation:none !important;transition:none !important;}
}

/* Hero tightening: CTA above the fold, less blue (2026-06-09) */
.dr-rx .hero .dr-wrap{padding-top:clamp(1.75rem,3.5vw,2.75rem);padding-bottom:clamp(1.75rem,3.5vw,2.75rem);}
.dr-rx .eyebrow{margin-bottom:18px;}
.dr-rx h1.hero-title{font-size:clamp(calc(var(--dr-text-base)*1.56),4.6vw,calc(var(--dr-text-base)*2.6));}
.dr-rx .payoff{font-size:clamp(calc(var(--dr-text-base)*1.04),2.8vw,calc(var(--dr-text-base)*1.46));margin:14px auto 6px;}
.dr-rx .tagline{margin:0 0 16px;}
.dr-rx .support{margin:0 auto 26px;}

/* Overhead pain-point band (2026-06-09) */
.dr-rx .pain{padding:60px 0 4px;text-align:center;}
.dr-rx .pain .pain-line{font-weight:800;color:var(--navy);font-size:clamp(calc(var(--dr-text-base)*1.15),3.2vw,calc(var(--dr-text-base)*1.77));line-height:1.2;max-width:22ch;margin:0 auto 14px;}
.dr-rx .pain .pain-sub{color:var(--muted);font-size:var(--dr-text-base);max-width:54ch;margin:0 auto;}

/* Sound familiar? section (2026-06-09) */
.dr-rx .sound .section-head{max-width:48ch;}
.dr-rx .sf-list{max-width:880px;margin:0 auto 30px;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px 30px;text-align:left;}
.dr-rx .sf-list li{position:relative;padding-left:30px;font-size:var(--dr-text-md);color:var(--ink);line-height:1.45;}
.dr-rx .sf-list li::before{content:"";position:absolute;left:2px;top:.5em;width:14px;height:14px;border-radius:50%;background:var(--sky-soft);border:2px solid var(--cyan);}
.dr-rx .sf-close{max-width:780px;margin:0 auto;font-size:var(--dr-text-base);color:var(--ink);text-align:center;line-height:1.6;}
.dr-rx .sf-close strong{color:var(--navy);}
@media (max-width:680px){.dr-rx .sf-list{grid-template-columns:1fr;}}

/* Wider How we help intro for the relocated solution paragraph (2026-06-09) */
.dr-rx #services .section-head{max-width:64ch;}
.dr-rx #services .section-head p strong{color:var(--navy);}

/* Sound familiar: headline + closing bridge line (2026-06-09) */
.dr-rx .sound .section-head{margin-bottom:38px;}
.dr-rx .sf-bridge{max-width:46ch;margin:32px auto 0;text-align:center;font-size:clamp(calc(var(--dr-text-base)*0.94),2.2vw,calc(var(--dr-text-base)*1.15));font-weight:700;color:var(--navy);line-height:1.4;}

/* More breathing room at top of closing CTA band (2026-06-09) */
.dr-rx .cta-band .dr-wrap{padding-top:104px;padding-bottom:84px;}

/* Restore organic curved bottom on hero + separation before Sound familiar (2026-06-09) */
.dr-rx .hero{background:radial-gradient(900px 520px at 50% -10%, rgba(0,192,243,.16), transparent 60%),linear-gradient(180deg,var(--sky) 0%,var(--sky-soft) 100%);}
.dr-rx .hero .dr-wrap{padding-bottom:clamp(4rem,6vw,5.5rem);}
.dr-rx .hero::after{
  content:"";position:absolute;left:-1px;right:-1px;bottom:-1px;height:64px;z-index:1;pointer-events:none;
  background-repeat:no-repeat;background-size:100% 100%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C240,80 480,8 720,32 C960,56 1200,8 1440,48 L1440,80 L0,80 Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

/* ===== Inner pages: Services / Resources / About (2026-06-09) ===== */
.dr-rx .section.tint .section-head{max-width:56ch;}
.dr-rx .svc-detail{max-width:760px;margin:0 auto;}
.dr-rx .svc{padding:0 0 34px;border-bottom:1px solid var(--line);margin-bottom:34px;}
.dr-rx .svc:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0;}
.dr-rx .svc h3{font-size:var(--dr-text-xl);color:var(--navy);margin-bottom:12px;}
.dr-rx .svc p{font-size:var(--dr-text-base);color:var(--ink);margin:0 0 14px;line-height:1.6;}
.dr-rx .svc .svc-good{color:var(--muted);font-size:var(--dr-text-md);}
.dr-rx .res-list{margin:0 0 14px;padding-left:0;list-style:none;}
.dr-rx .res-list li{padding:9px 0;border-bottom:1px solid var(--line);font-size:var(--dr-text-md);color:var(--ink);}
.dr-rx .ph-li{color:var(--muted);font-style:italic;}
.dr-rx .svc .ph,.dr-rx .case .ph{display:block;background:var(--sky-soft);border:1px dashed var(--line-strong);border-radius:12px;padding:16px;font-size:var(--dr-text-sm);text-align:center;margin:0 0 14px;color:var(--muted);}
.dr-rx .case{padding:22px 0;border-top:1px solid var(--line);}
.dr-rx .case:first-child{border-top:0;}
.dr-rx .case h3{font-size:var(--dr-text-base);color:var(--navy);margin-bottom:10px;}
.dr-rx .case p{color:var(--ink);font-size:var(--dr-text-md);margin:0;line-height:1.6;}
.dr-rx .case .case-shot{display:block;width:100%;height:auto;margin:0 0 14px;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-md);}

/* Anchor offset for /services# deep links (2026-06-09) */
.dr-rx .svc[id]{scroll-margin-top:90px;}

/* ===== Coding Camps page (2026-06-09) ===== */
.dr-rx .outcomes{max-width:720px;margin:0 auto;padding:0;list-style:none;display:grid;gap:14px;text-align:left;}
.dr-rx .outcomes li{position:relative;padding-left:36px;font-size:var(--dr-text-base);color:var(--ink);line-height:1.5;}
.dr-rx .outcomes li::before{content:"";position:absolute;left:2px;top:.3em;width:20px;height:20px;border-radius:50%;background:var(--sky-soft);border:2px solid var(--teal);}
.dr-rx .facts{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px;}
.dr-rx .facts li{font-size:var(--dr-text-md);color:var(--ink);}
.dr-rx .facts strong{color:var(--navy);}
.dr-rx .ph-inline{color:var(--muted);font-style:italic;}
.dr-rx .waitlist{max-width:620px;margin:0 auto;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:34px 36px;}
.dr-rx .waitlist .field{margin-bottom:18px;text-align:left;}
.dr-rx .waitlist label{display:block;font-weight:700;font-size:var(--dr-text-sm);color:var(--navy);margin-bottom:6px;}
.dr-rx .waitlist input,.dr-rx .waitlist select,.dr-rx .waitlist textarea{width:100%;font-family:inherit;font-size:var(--dr-text-md);color:var(--ink);padding:12px 14px;border:1px solid var(--line-strong);border-radius:10px;background:var(--paper);transition:border-color .2s var(--ease),box-shadow .2s var(--ease);}
.dr-rx .waitlist input:focus,.dr-rx .waitlist select:focus,.dr-rx .waitlist textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(31,96,125,.15);background:var(--white);}
.dr-rx .waitlist textarea{min-height:96px;resize:vertical;}
.dr-rx .waitlist .btn{width:100%;justify-content:center;margin-top:4px;}
.dr-rx .waitlist .formnote{font-size:var(--dr-text-sm);color:var(--muted);text-align:center;margin:14px 0 0;}
.dr-rx .camp-secondary{text-align:center;color:var(--muted);font-size:var(--dr-text-md);margin:22px auto 0;max-width:48ch;}
.dr-rx .camp-secondary a{color:var(--teal);font-weight:700;}

/* Widen hero headline measure so it wraps to 2 lines, not 3 (2026-06-11) */
.dr-rx h1.hero-title{max-width:24ch;}


/* resource breadcrumbs */
.dr-rx .crumbs{font-size:var(--dr-text-sm);color:var(--muted);margin:0 0 18px;font-weight:600;}
.dr-rx .crumbs a{color:var(--teal);}
.dr-rx .crumbs a:hover{text-decoration:underline;}
.dr-rx .crumbs .sep{margin:0 9px;color:var(--line-strong);font-weight:400;}

/* resources sub-nav */
.dr-rx .res-subnav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:center;max-width:1120px;margin:0 auto;padding:16px 28px;border-bottom:1px solid var(--line);}
.dr-rx .res-subnav .lead{width:100%;text-align:center;font-size:var(--dr-text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:0 0 6px;}
.dr-rx .res-subnav a{font-size:var(--dr-text-sm);font-weight:600;color:var(--teal);padding:7px 15px;border:1px solid var(--line-strong);border-radius:999px;line-height:1;transition:background .15s,color .15s,border-color .15s;}
.dr-rx .res-subnav a:hover,.dr-rx .res-subnav a:focus-visible{background:var(--teal);color:#fff;border-color:var(--teal);}

/* Widen hero support measure so multi-sentence intros don't form a narrow column (2026-06-13) */
.dr-rx .support{max-width:58ch;}


/* res-subnav active + glossary set-apart, hide single post meta (2026-06-13) */
.dr-rx .res-subnav a.is-active{background:var(--teal);color:#fff;border-color:var(--teal);}
.dr-rx .res-subnav .sep{width:1px;height:20px;background:var(--line-strong);margin:0 2px;align-self:center;}
.dr-rx .res-subnav a.ref{color:var(--muted);border-style:dashed;}
.dr-rx .res-subnav a.ref:hover{color:#fff;border-style:solid;}
.single .entry-meta{display:none;}
/* Kill GeneratePress 40px inner-container padding inside dr-rx; it stacks on nested groups and creates big gaps (2026-06-13) */
.site-main .dr-rx .wp-block-group__inner-container{padding:0;}

/* tighten first section under resources sub-nav (works via ~ sibling) */
.res-subnav-wrap ~ .dr-rx .section:first-child{padding-top:22px !important;}


/* res-subnav hover = READY blue (#0892C1), distinct from active teal (2026-06-14) */
.dr-rx .res-subnav a:hover,.dr-rx .res-subnav a:focus-visible{background:#0892C1;color:#fff;border-color:#0892C1;}



/* main-nav current item: non-color indicator (underline) for accessibility (2026-06-14) */
.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.main-navigation .main-nav ul li[class*="current-page-"] > a{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px;}


/* Resource quizzes (2026-06-14) */
.dr-rx .quiz{max-width:720px;margin:0 auto;}
.dr-rx .quiz-q{margin:0 0 24px;padding:0 0 24px;border-bottom:1px solid var(--line);}
.dr-rx .quiz-q:last-of-type{border-bottom:0;margin-bottom:8px;}
.dr-rx .quiz-q h4{font-size:var(--dr-text-base);color:var(--navy);margin:0 0 13px;font-weight:700;}
.dr-rx .quiz-q .qnum{color:var(--teal);font-weight:800;margin-right:7px;}
.dr-rx .quiz-opt{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border:1px solid var(--line-strong);border-radius:12px;margin:0 0 8px;cursor:pointer;transition:border-color .15s,background .15s;font-size:var(--dr-text-md);color:var(--ink);}
.dr-rx .quiz-opt:hover{border-color:var(--teal);background:var(--sky-soft);}
.dr-rx .quiz-opt input{margin-top:3px;accent-color:var(--teal);flex:0 0 auto;}
.dr-rx .quiz-opt:has(input:checked){border-color:var(--teal);background:var(--sky);}
.dr-rx .quiz-submit{display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:#fff;border:0;border-radius:999px;padding:14px 28px;font-size:var(--dr-text-md);font-weight:700;cursor:pointer;margin-top:8px;}
.dr-rx .quiz-submit:hover{background:var(--teal);}
.dr-rx .quiz-note{color:var(--cyan-bright);font-weight:600;font-size:var(--dr-text-sm);margin:12px 0 0;min-height:1px;}
.dr-rx .quiz-result{margin-top:30px;padding:30px 32px;border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-sm);}
.dr-rx .quiz-score{font-size:var(--dr-text-sm);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}
.dr-rx .quiz-band h3{font-size:var(--dr-text-xl);color:var(--navy);margin:6px 0 10px;}
.dr-rx .quiz-band p{color:var(--ink);font-size:var(--dr-text-md);margin:0;}
.dr-rx .quiz-focus{margin:16px 0 0;font-size:var(--dr-text-md);color:var(--ink);}
.dr-rx .quiz-focus strong{color:var(--navy);}
.dr-rx .quiz-focus ul{margin:8px 0 0;padding-left:20px;}
.dr-rx .quiz-focus li{margin:0 0 5px;}
.dr-rx .quiz-cta{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);}
.dr-rx .quiz-cta .btn{margin-top:6px;}


/* ============================================================
   Organic full-bleed bands + wavy transitions (2026-06-15)
   Hero and closing CTA run edge-to-edge like the footer; section
   colors flow into each other via the hero's organic wave (brand p.5).
   ============================================================ */
.dr-rx{overflow-x:clip;}

/* --- Seamless sky top on pages that open with a sky hero --- */
/* Home uses .dr-rx .hero; inner pages (Contact/About/Services/Resources) use .dr-hero.
   The header, breadcrumb bar, and hero share the sky tone so the page opens as one
   continuous field. :has() auto-applies to any current/future .dr-hero page. */
.home .site-header,
body:has(.dr-hero) .site-header,
body:has(.dr-hero) .dr-breadcrumbs{background-color:var(--dr-tint-1);}
body:has(.dr-hero) .dr-breadcrumbs{border-bottom-color:transparent;}
.home .main-navigation,.home #site-navigation,
body:has(.dr-hero) .main-navigation,body:has(.dr-hero) #site-navigation{background-color:transparent;}
.home .main-navigation ul ul,
body:has(.dr-hero) .main-navigation ul ul{background-color:#fff;box-shadow:0 12px 30px rgba(8,18,40,.16);}

/* Tighten the top of inner-page heroes. The hero AND its has-background inner
   container each carried top padding (~38px + ~40px), leaving a dead sky band
   between the breadcrumb and the eyebrow. Zero the inner pad, keep a small hero pad. */
body:has(.dr-hero) .dr-hero{padding-top:clamp(0.75rem,1.5vw,1.25rem);}
body:has(.dr-hero) .dr-hero > .wp-block-group__inner-container{padding-top:0;}

/* Trim the dead space between an inner-page hero and the first body section
   (the section's own top padding was sized for when it had no hero above it). */
.dr-hero + .dr-rx > .wp-block-group__inner-container > .section:first-child{padding-top:clamp(1.25rem,2.5vw,2rem);}

/* Home hero: full-bleed so it spans edge-to-edge like the footer/CTA */
.dr-rx .hero{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}

/* Closing CTA: full-bleed, bookended by a white wave (top) + navy wave (bottom) */
.dr-rx .cta-band{position:relative;overflow:hidden;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-block:clamp(5.5rem,8vw,7.5rem);}
.dr-rx .cta-band > *{position:relative;z-index:2;padding-inline:24px;}
.dr-rx .cta-band::before,.dr-rx .cta-band::after{content:"";position:absolute;left:-1px;right:-1px;height:56px;z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;}
.dr-rx .cta-band::before{top:-1px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C240,0 480,72 720,48 C960,24 1200,72 1440,32 L1440,0 L0,0 Z' fill='%23ffffff'/%3E%3C/svg%3E");}
.dr-rx .cta-band::after{bottom:-1px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C240,80 480,8 720,32 C960,56 1200,8 1440,48 L1440,80 L0,80 Z' fill='%23141E3B'/%3E%3C/svg%3E");}

/* CTA polish: relax headline-to-subcopy rhythm + lift the white button off the blue */
.dr-rx .cta-band h2{margin-bottom:20px;}
.dr-rx .cta-band p{margin-bottom:38px;}
.dr-rx .cta-band .btn{box-shadow:0 12px 30px rgba(8,18,40,.22);}
.dr-rx .cta-band .btn:hover{box-shadow:0 16px 38px rgba(8,18,40,.28);}

/* Resources listing header band — compact blue band echoing the hub hero (2026-06-15) */
.dr-rx .section.res-head{background:var(--dr-tint-1);padding-bottom:36px;}
.dr-rx .section.res-head .section-head{max-width:56ch;margin-left:auto;margin-right:auto;}
/* === Resources audience facet: filter pills + badges (2026-06-15) === */
.dr-rx .res-subnav-audience{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:1120px;margin:0 auto;padding:14px 28px 0;}
.dr-rx .res-subnav-audience .lead2{width:100%;text-align:center;font-size:var(--dr-text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:0 0 2px;}
.dr-rx .res-subnav-audience a{font-size:var(--dr-text-sm);font-weight:600;text-decoration:none;padding:7px 15px;border-radius:999px;line-height:1;border:1px solid;transition:background .15s,color .15s,border-color .15s;}
.dr-rx .res-subnav-audience a.aud-you{color:#1F607D;border-color:#1F607D;background:#DCEEF7;}
.dr-rx .res-subnav-audience a.aud-org{color:#6B62A9;border-color:#6B62A9;background:#EFEDF6;}
.dr-rx .res-subnav-audience a.aud-you:hover,.dr-rx .res-subnav-audience a.aud-you:focus-visible,.dr-rx .res-subnav-audience a.aud-you.is-active{background:#1F607D;color:#fff;border-color:#1F607D;}
.dr-rx .res-subnav-audience a.aud-org:hover,.dr-rx .res-subnav-audience a.aud-org:focus-visible,.dr-rx .res-subnav-audience a.aud-org.is-active{background:#6B62A9;color:#fff;border-color:#6B62A9;}
.aud-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:0;}
.aud-badge{display:inline-block;font-size:var(--dr-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;padding:3px 10px;border-radius:999px;line-height:1.5;border:1px solid;transition:background .15s,color .15s,border-color .15s;}
.aud-badge.aud-you{color:#1F607D;border-color:#1F607D;background:#DCEEF7;}
.aud-badge.aud-org{color:#6B62A9;border-color:#6B62A9;background:#EFEDF6;}
.aud-badge.aud-you:hover,.aud-badge.aud-you:focus-visible{background:#1F607D;color:#fff;}
.aud-badge.aud-org:hover,.aud-badge.aud-org:focus-visible{background:#6B62A9;color:#fff;}
.single .entry-content > .aud-badges:first-child{margin-bottom:18px;}
/* Inline prose links in dr-rx body copy: make them visibly links (brand blue + underline). */
.dr-rx p a:not([class]),.dr-rx li a:not([class]){color:#0892C1;text-decoration:underline;text-underline-offset:.15em;}
.dr-rx p a:not([class]):hover,.dr-rx li a:not([class]):hover{color:#1F607D;}

/* private-messaging chart */
.dr-rx .cmp{overflow-x:auto;margin:30px 0;border-radius:10px;box-shadow:var(--shadow-sm);}
.dr-rx .cmp table{border-collapse:collapse;width:100%;min-width:660px;font-size:var(--dr-text-md);background:var(--white);}
.dr-rx .cmp th,.dr-rx .cmp td{border:1px solid var(--line);padding:11px 12px;text-align:center;vertical-align:middle;}
.dr-rx .cmp thead th{background:var(--teal);color:var(--white);font-weight:700;font-size:var(--dr-text-sm);}
.dr-rx .cmp thead th:first-child{background:var(--teal-dark);}
.dr-rx .cmp tbody td:first-child{text-align:left;font-weight:600;color:var(--navy);background:var(--paper);min-width:210px;}
.dr-rx .cmp tbody tr:nth-child(even) td{background:var(--sky-soft);}
.dr-rx .cmp tbody tr:nth-child(even) td:first-child{background:var(--paper);}
.dr-rx .cmp .yes{color:#2e9e5b;font-size:var(--dr-text-base);font-weight:700;}
.dr-rx .cmp .no{color:#cf4b3c;font-size:var(--dr-text-base);font-weight:700;}
.dr-rx .cmp .partial{color:#d98c1f;font-size:var(--dr-text-base);font-weight:700;}
.dr-rx .cmp .note{display:block;font-size:var(--dr-text-xs);line-height:1.3;color:var(--muted);font-weight:400;margin-top:3px;}
.dr-rx .cmp-cap{font-size:var(--dr-text-sm);color:var(--muted);margin:10px 2px 0;}
.dr-rx .callout{border:1px solid var(--line-strong);border-left:4px solid var(--teal);background:var(--sky-soft);border-radius:10px;padding:22px 26px;margin:34px 0;}
.dr-rx .callout h3{margin-top:0;text-transform:none;letter-spacing:normal;font-size:var(--dr-text-base);color:var(--navy);}
.dr-rx .callout p:last-child{margin-bottom:0;}


/* ── Warmth pass 2026-06-17: cream section + coral accent (brand accents, used sparingly) ── */
.dr-rx .section.cream{background:var(--dr-tint-2);}
.dr-rx .founder-quote{border-left-color:var(--dr-accent-2);}


/* ── Repeat-client badge 2026-06-18 (coral dot = brand accent; navy text keeps AAA) ── */
.dr-rx .tcard .repeat{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;font-size:var(--dr-text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dr-primary-1);}
.dr-rx .tcard .repeat::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dr-accent-2);flex:0 0 auto;}


/* ── Hero illustration 2026-06-18 (coral figure + shield); two-column on desktop, stacked on mobile ── */
.dr-rx .hero-art{max-width:300px;margin:26px auto 0;}
.dr-rx .hero-art svg{width:100%;height:auto;display:block;}
@media (min-width:900px){
  .dr-rx .hero .dr-wrap.hero-grid{display:flex;align-items:center;gap:40px;text-align:left;}
  .dr-rx .hero-grid .hero-text{flex:1 1 58%;min-width:0;}
  .dr-rx .hero-grid .hero-art{flex:0 0 36%;max-width:380px;margin:0;}
  .dr-rx .hero-grid .hero-text .hero-title{margin-left:0;margin-right:0;max-width:20ch;}
  .dr-rx .hero-grid .hero-text .payoff{margin-left:0;margin-right:0;}
  .dr-rx .hero-grid .hero-text .support{margin-left:0;margin-right:0;max-width:48ch;}
  .dr-rx .hero-grid .hero-text .hero-cta{justify-content:flex-start;}
  .dr-rx .hero-grid .hero-text .sf-close{margin-left:0;margin-right:0;text-align:left;max-width:52ch;}
}


/* hero illustration as <img> (Envato office set, recolored, self-hosted) */
.dr-rx .hero-art img{width:100%;height:auto;display:block;}


/* cream -> warm ivory (no green cast); pairs with coral. 2026-06-18 */
.dr-rx .section.cream{background:#F7F1E8;}


/* ── Services page: illustrated two-column rows, alternating sides (2026-06-18) ── */
.dr-rx .svc-detail.illustrated{max-width:1000px;}
.dr-rx .svc-detail.illustrated .svc{display:flex;align-items:center;gap:46px;}
.dr-rx .svc-detail.illustrated .svc .svc-text{flex:1 1 56%;min-width:0;}
.dr-rx .svc-detail.illustrated .svc .svc-text h3{margin-top:0;}
.dr-rx .svc-detail.illustrated .svc .svc-text p:last-child{margin-bottom:0;}
.dr-rx .svc-detail.illustrated .svc .svc-art{flex:0 0 32%;max-width:300px;}
.dr-rx .svc-detail.illustrated .svc .svc-art img{width:100%;height:auto;display:block;}
.dr-rx .svc-detail.illustrated .svc:nth-child(even){flex-direction:row-reverse;}
@media (max-width:760px){
  .dr-rx .svc-detail.illustrated .svc,
  .dr-rx .svc-detail.illustrated .svc:nth-child(even){flex-direction:column;gap:18px;}
  .dr-rx .svc-detail.illustrated .svc .svc-art{max-width:240px;margin:0 auto;order:-1;}
}


/* ── AAA contrast fix 2026-06-18: teal text color was #1F607D (fails 7:1 on light-blue);
   deepen to #1A5266 (>=7.21:1 on sky, 8.6:1 on white). Applied at :root and .dr-rx to cover
   both the .dr-hero header and .dr-rx body. Decorative teal/buttons inherit the same deeper teal. */
:root{--teal:#1A5266;}
.dr-rx{--teal:#1A5266;}


/* ── AAA contrast: --muted #5f6a7a was AA-only (4.6–5.5:1). Deepen to #454e5e
   (>=7.03:1 on worst-case sky, 8.39:1 on white). Note: reduces the muted/body hierarchy
   (the AAA tax for secondary text). Kept lighter than --ink #414042 so it stays distinct. */
:root{--muted:#454e5e;}
.dr-rx{--muted:#454e5e;}



/* ── Credibility strip under hero (2026-06-18) ── */
.dr-rx .cred-strip{border-bottom:1px solid var(--line);background:var(--white);}
.dr-rx .cred-strip .dr-wrap{padding-top:20px;padding-bottom:20px;}
.dr-rx .cred-strip p{margin:0 auto;max-width:74ch;text-align:center;font-size:clamp(calc(var(--dr-text-base)*0.78),1.7vw,calc(var(--dr-text-base)*0.89));font-weight:600;color:var(--navy);line-height:1.5;}

/* ── Privacy trust-line inside the data callout ── */
.dr-rx .callout .callout-proof{font-size:var(--dr-text-md);color:var(--ink);background:var(--white);border-left:3px solid var(--teal);padding:10px 0 10px 14px;margin:0 0 18px;}
.dr-rx .callout .callout-proof strong{color:var(--navy);}

/* ── Service-card icons: coral-tint background (best-practice meaningful icons + coral accent) ── */
.dr-rx .card .ico{background:#FBE8E3;}







/* === Who we help strip (2026-06-22): audience cards under the hero. Mirrors .card chrome + tokens; rem units, AAA teal === */
.dr-rx .whohelp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr));gap:1.375rem;max-width:62.5rem;margin:0 auto;}
.dr-rx .whohelp-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem 1.625rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);}
.dr-rx .whohelp-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--line-strong);}
.dr-rx .whohelp-card h3{font-size:var(--dr-text-lg);font-weight:700;color:var(--navy);margin:0 0 .5rem;}
.dr-rx .whohelp-card p{font-size:var(--dr-text-md);line-height:1.5;color:var(--ink);margin:0 0 1.125rem;flex:1;}
.dr-rx .whohelp-card a{font-weight:700;font-size:var(--dr-text-sm);color:var(--teal);display:inline-flex;align-items:center;gap:.45rem;}
.dr-rx .whohelp-card a .arr{transition:transform .25s var(--ease);}
.dr-rx .whohelp-card a:hover{text-decoration:underline;}
.dr-rx .whohelp-card a:hover .arr{transform:translateX(4px);}
.dr-rx .whohelp-card a:focus-visible{outline:3px solid var(--teal);outline-offset:3px;}

/* On-page anchor offset so #for-nonprofits / #for-operators / #start don't tuck under the sticky header */
.dr-rx .section[id]{scroll-margin-top:5.5rem;}


/* ── .svc card "more" links 2026-08-13 (Judy: "they blend in, could use our orange
   highlight color"). Orange --dr-accent-3 #F8984A is ~2.2:1 on white, too low for
   link TEXT, so it works as the highlight: thick underline + arrow, navy text stays
   accessible. Hover: soft orange wash + the usual arrow nudge. ── */
.dr-rx .svc a.more{font-weight:700;font-size:var(--dr-text-md);color:var(--navy);text-decoration:none;display:inline-flex;align-items:center;gap:7px;border-bottom:3px solid var(--dr-accent-3);padding:0 2px 2px 0;}
.dr-rx .svc a.more .arr{color:var(--dr-accent-3);font-weight:800;transition:transform .25s var(--ease);}
.dr-rx .svc a.more:hover{background:rgba(248,152,74,.16);}
.dr-rx .svc a.more:hover .arr{transform:translateX(4px);}
.dr-rx .svc a.more:focus-visible{outline:3px solid var(--dr-accent-3);outline-offset:3px;}