/* The shared Simply palette: soft gray first, white next, with defined edges. */
.directory-note.light{background:var(--paper);border-color:var(--box-border)}
.directory-main>.directory-grid:not(:has(.local-service-card))>.directory-card:nth-child(odd),
.payment-layout>.directory-card:nth-child(odd),
.audience-needs>article:nth-child(odd),
.customer-review-grid>figure:nth-child(odd){background:var(--soft)}
.directory-main>.directory-grid:not(:has(.local-service-card))>.directory-card:nth-child(even),
.payment-layout>.directory-card:nth-child(even),
.audience-needs>article:nth-child(even),
.customer-review-grid>figure:nth-child(even){background:var(--paper)}

/* Pricing is one continuous sequence, rather than several repeated gray notes. */
.pricing-page>.pricing-summary,.pricing-page>.directory-note:nth-of-type(odd){background:var(--soft)}
.pricing-page>.directory-note:nth-of-type(even){background:var(--paper)}
.pricing-page>.blog-context-panel{background:var(--soft)}

/* Moving keeps the same gray/white order through information and form groups. */
.moving-main>.directory-note{background:var(--soft)}
.moving-main>.directory-note+.directory-note{background:var(--paper)}
.moving-form fieldset:nth-of-type(odd){background:var(--soft)}
.moving-form fieldset:nth-of-type(even){background:var(--paper)}

/* The dark/light/dark property guides echo the three main service choices. */
.property-services>article:nth-child(even){background:var(--paper);color:var(--ink);border-color:var(--box-border)}
.property-services>article:nth-child(even) .property-guide{color:var(--ink)}
.property-services>article:nth-child(even) :is(.guide-number,p){color:var(--muted)}
.property-services>article:nth-child(even) .guide-link{border-color:var(--box-border)}

/* Neutral surfaces use the same gray throughout; platform branding stays distinct. */
.work-section,.social-strip{background:var(--soft)}
.social-strip{border-block-color:var(--line)}
.instagram-avatar>img,.instagram-badge{border-color:var(--soft)}
.plan-summary{background:var(--soft)}
.crew-principles-details{border-color:var(--box-border)}

/* Consistent card rhythm without enlarging the compact photo captions. */
.audience-needs>article,.property-guide,.payment-layout>.directory-card{padding:var(--card-space,32px)}
.property-services,.audience-needs,.payment-layout{gap:var(--space-group,24px)}
.blog-finder,.blog-card,.blog-next-step,.blog-context-panel{padding:var(--card-space,32px)}
.directory-card,.directory-note,.blog-finder,.blog-card,.blog-next-step,.blog-context-panel{border-radius:16px}
.directory-note,.blog-context-panel{margin-block:var(--space-block,32px)}
.directory-main>.page-actions:last-child{margin-bottom:0}
.service-card-brand{box-sizing:border-box}

/* Short navigation/action labels are title case in the source, not forced by CSS.
   Conversational headings, body copy, translations and service terms retain their casing. */