/* LOCAL DRAFT ONLY. Additive scope; no existing rule or animation replaced. */
.copy-toggle{font:inherit;color:inherit;width:100%;text-align:left;min-height:44px;padding:14px 32px 14px 0;background:transparent;border:0;cursor:pointer;position:relative}
.copy-toggle::after{content:"";position:absolute;right:6px;top:50%;width:8px;height:8px;border-right:1.5px solid var(--mauve);border-bottom:1.5px solid var(--mauve);transform:translateY(-70%) rotate(45deg);transition:transform .3s var(--ease)}
.copy-toggle[aria-expanded="true"]::after{transform:translateY(-30%) rotate(-135deg)}
.copy-toggle:focus-visible{outline:2px solid var(--mauve);outline-offset:3px}
.copy-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s var(--ease),opacity .3s var(--ease)}
.copy-panel-open{grid-template-rows:1fr;opacity:1}
.copy-panel-inner{min-height:0;overflow:hidden}
.copy-panel-inner p{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.copy-panel,.copy-toggle::after{transition:none}}

.copy-item{border-bottom:1px solid var(--line2)}
.copy-sectors{max-width:760px;margin-block:24px}
.copy-panel p{margin:0 0 16px;color:var(--muted)}
.faq .copy-panel p{color:#CFC8D3;font-size:14px;max-width:60ch}
.faq .copy-toggle{font-size:15px;color:#F5F0E6}

/* Approved sector cards only: existing reveal observer and easing; FAQ unchanged. */
.business-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:32px;margin-block:32px}
.business-card{position:relative;border:1px solid var(--line2);border-radius:24px;padding:28px;background:var(--bg);min-width:0}
.business-card h3{font-size:20px;line-height:1.35;margin-block:16px 12px}
.business-card p{margin:0;color:var(--muted);overflow-wrap:anywhere}
.business-dot{display:block;width:12px;height:12px;border-radius:4px;background:var(--mauve);transform:scale(1);transition:transform .6s var(--ease2) .15s}
.business-card.pre .business-dot{transform:scale(0)}
.business-card.in .business-dot{animation:businessDotPop .6s var(--ease2) .15s both}
@keyframes businessDotPop{0%{transform:scale(0)}70%{transform:scale(1.12)}100%{transform:scale(1)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.business-card.in:hover{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.business-card,.business-dot{transition:none!important;animation:none!important;transform:none!important;opacity:1!important;filter:none!important}}

/* Sector cards retain their reveal, point pop and hover; details toggle on keyboard/touch. */
.business-cards{align-items:start}
.business-card h3{margin-bottom:0}
.business-toggle{font:inherit;color:inherit;text-align:left;background:transparent;border:0;padding:0 28px 0 0;min-height:44px;width:100%;position:relative;cursor:pointer}
.business-toggle::after{content:"";position:absolute;right:4px;top:50%;width:8px;height:8px;border-right:1.5px solid var(--mauve);border-bottom:1.5px solid var(--mauve);transform:translateY(-70%) rotate(45deg);transition:transform .3s var(--ease)}
.business-toggle[aria-expanded="true"]::after{transform:translateY(-30%) rotate(-135deg)}
.business-toggle:focus-visible{outline:2px solid var(--mauve);outline-offset:4px;border-radius:4px}
.business-card .copy-panel-inner p{padding-top:12px;margin-bottom:0}
@media(prefers-reduced-motion:reduce){.business-toggle::after{transition:none}}

/* V6 PROPOSAL: no typing/replacement; both paragraphs remain fully visible. */
#booking-intro .wrap>p.lead{background-image:linear-gradient(#86b5bf,#86b5bf);background-repeat:no-repeat;background-position:left bottom;background-size:0% 2px}
@media(prefers-reduced-motion:reduce){#booking-intro .wrap>p.lead{background-image:none}}

/* Keep the decorative word rotation out of the accessible sentence. */
.hero-business-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}