/* Clinic Grower: connected editorial architecture.
   Backgrounds and decorative rules only. Layer after brand-polish.css.
   Paper for explanation, white for evidence, ink for partnership.
   No fabricated charts, changing copy, or decoration over photography. */
:root {
  --cg-paper:#f8f6f1;
  --cg-plan:#f8f5ef;
  --cg-rule:#e7dfd5;
  --cg-copper-rule:#b97745;
  --cg-journey-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='280' viewBox='0 0 320 280'%3E%3Cg fill='none' stroke='%2394b6a8' stroke-width='1'%3E%3Cpath d='M320 28H210Q190 28 190 48V100Q190 120 170 120H104Q84 120 84 140V198Q84 218 64 218H0'/%3E%3Cpath d='M320 54H236Q216 54 216 74V126Q216 146 196 146H130Q110 146 110 166V224Q110 244 90 244H0'/%3E%3C/g%3E%3Cg fill='%23b97745'%3E%3Ccircle cx='190' cy='70' r='3'/%3E%3Ccircle cx='144' cy='120' r='3'/%3E%3Ccircle cx='84' cy='174' r='3'/%3E%3C/g%3E%3C/svg%3E");
}
/* The hero is an asymmetrical spread: quiet reading paper and a distinct
   photographic field. The change of plane follows the existing columns. */
html:root body .cg-home-hero,
html:root body #main-content>.se-page>.se-hero {
  background:var(--cg-journey-mark) right -60px bottom -100px/440px 385px no-repeat,linear-gradient(90deg,var(--cg-paper) 0 53%,var(--cg-plan) 53% 100%)!important;
  border-bottom:1px solid var(--cg-rule)!important;
}
html:root body .cg-home-hero__media{border:0!important;padding-bottom:0}
html:root body .se-hero figure{padding-bottom:14px}
/* The directory is a useful index, not another wall of cards. */
html:root body .cg-clinic-selector {
  background:var(--cg-paper)!important;
  border-top:1px solid #e4e8df;
  border-bottom:1px solid var(--cg-rule);
}
html:root body .cg-clinic-selector .cg-directory {
  border-top:2px solid #17243a;
  padding-top:6px;
}
@media(min-width:1024px){
 html:root body .cg-clinic-selector>.cg-shell{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:80px;align-content:start}
 html:root body .cg-clinic-selector .cg-kicker{grid-column:1;align-self:start}
 html:root body .cg-clinic-selector h2{grid-column:1;align-self:start}
 html:root body .cg-clinic-selector .cg-section-lead{grid-column:1;align-self:start;margin-top:22px}
 html:root body .cg-clinic-selector .cg-directory{grid-column:2;grid-row:1/span 4;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0!important;align-self:start}
}
/* Connected stages are shown as a reading rail alongside actual steps.
   This is decorative continuity, not a performance graph. */
html:root body .cg-premium-home>.cg-section--soft:not(.cg-clinic-selector) {
  background:#fff!important;
}
html:root body .cg-steps {
  border-left:1px solid var(--cg-rule);
  padding-left:24px;
}
html:root body .cg-step__number {
  color:#925329;
  border-bottom:2px solid var(--cg-copper-rule);
  padding-bottom:6px;
}
/* Proof gets the strongest contrast. No image or text overlay. */
html:root body .cg-section--ink {
  background:#17243a!important;
  border-top:3px solid var(--cg-copper-rule);
}
/* Sector and service chapters alternate by purpose, never by arbitrary nth-child. */
html:root body .se-work,
html:root body .cg-service-editorial .ce-wash {
  background:var(--cg-paper)!important;
  border-block:1px solid #dbe3d9;
}
html:root body .se-partnership {
  background:#17243a!important;
  border-top:3px solid var(--cg-copper-rule);
}
html:root body .cg-service-editorial .ce-hero,
html:root body .cg-refined-page .ce-hero {
  background:var(--cg-paper)!important;
  border-bottom:1px solid var(--cg-rule);
}
/* Native hub pages need semantic hooks in source rather than generic section
   selectors. The existing connected-services chapter already provides one. */
html:root body .cg-services-connected {
  background:var(--cg-plan)!important;
  border-block:1px solid var(--cg-rule);
}
/* Static knowledge pages use a publishing language: generous paper margins,
   a precise rule and clean white reading pages. */
html:root body .library-hero {
  background:linear-gradient(90deg,var(--cg-paper) 0 55%,var(--cg-plan) 55% 100%)!important;
  border-bottom:1px solid var(--cg-rule)!important;
}
html:root body .editorial-hero {
  background:var(--cg-paper)!important;
  border-bottom:1px solid var(--cg-rule)!important;
}
html:root body .library-guidance {
  background:#fff;
  border-bottom:1px solid var(--cg-rule);
}
html:root body .library-guidance-grid article,
html:root body .ce-columns article {
  border-top:2px solid #b97745;
}
html:root body .library-faq {background:var(--cg-paper)!important}
/* Small signature in the empty lower-right margin of decision sections.
   The motif is confined to a separate 88px bottom band below real content. */
html:root body :is(.cg-enquiry-bridge,.cg-final-cta,.se-close) {
  background-color:var(--cg-plan)!important;
  background-image:var(--cg-journey-mark)!important;
  background-repeat:no-repeat!important;
  background-size:180px 158px!important;
  background-position:right -40px bottom -76px!important;
  border-top:1px solid var(--cg-rule);
  border-bottom:1px solid var(--cg-rule);
  padding-bottom:88px!important;
}
@media(max-width:900px) {
  html:root body .cg-home-hero,
  html:root body #main-content>.se-page>.se-hero,
  html:root body .library-hero {background:var(--cg-paper)!important}
  html:root body .cg-home-hero__media,
  html:root body .se-hero figure {padding-bottom:14px}
}
@media(max-width:767px) {
  html:root body .cg-steps {padding-left:16px}
  html:root body :is(.cg-enquiry-bridge,.cg-final-cta,.se-close) {
    background-image:none!important;
    padding-bottom:48px!important;
    border-bottom:3px solid var(--cg-copper-rule);
  }
}
@media(forced-colors:active),print {
  html:root body .cg-home-hero,
  html:root body #main-content>.se-page>.se-hero,
  html:root body :is(.library-hero,.editorial-hero,.cg-enquiry-bridge,.cg-final-cta,.se-close) {
    background-image:none!important;
  }
}