/* Praxen's homepage palette, carried into content shells without changing content. */
body.vivid-site{--vv-ink:#07152f;--vv-text:#243044;--vv-muted:#4d596b;--vv-cream:#ffffff;--vv-lime:#eef1f5;--vv-coral:#45bdff;--vv-line:#e8ecf1;background:var(--vv-cream);color:var(--vv-text)}
body.vivid-site main{min-width:0}
body.vivid-site main :is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #0560ff;outline-offset:4px}
body.vivid-site[data-vivid-family="resources"] main .button,body.vivid-site[data-vivid-family="contact"] main .button,body.vivid-site[data-vivid-family="blog"] main .button{background:var(--vv-ink);border-color:var(--vv-ink);color:#fff;min-height:48px;line-height:1.4;white-space:normal}
body.vivid-site[data-vivid-family="resources"] main .button.secondary,body.vivid-site[data-vivid-family="contact"] main .button.secondary{background:var(--vv-lime);color:var(--vv-ink);border-color:var(--vv-ink)}
body.vivid-site[data-vivid-family="resources"] main .button:hover,body.vivid-site[data-vivid-family="contact"] main .button:hover,body.vivid-site[data-vivid-family="blog"] main .button:hover{background:#09327a;color:#fff}
body.vivid-site[data-vivid-family="resources"] :is(.about-hero,.approach-hero),body.vivid-site[data-vivid-family="contact"] .contact-hero{background:var(--vv-coral);color:var(--vv-ink);border-bottom:1px solid #94a3b8;padding-top:clamp(38px,5vw,72px);padding-bottom:clamp(38px,5vw,72px)}
body.vivid-site[data-vivid-family="resources"] :is(.about-hero,.approach-hero) h1,body.vivid-site[data-vivid-family="contact"] .contact-hero h1{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(48px,5.6vw,82px);font-weight:400;line-height:1.03;letter-spacing:-.035em;color:var(--vv-ink);overflow-wrap:normal}
body.vivid-site[data-vivid-family="resources"] :is(.about-hero,.approach-hero) p,body.vivid-site[data-vivid-family="contact"] .contact-hero p{color:var(--vv-text)}
body.vivid-site[data-vivid-family="resources"] .about-brand-art,body.vivid-site[data-vivid-family="contact"] .about-brand-art{background:var(--vv-lime);border:1px solid #cbd3df;border-radius:16px;padding:28px;box-shadow:0 14px 30px #07152f0d}
body.vivid-site[data-vivid-family="resources"] .about-brand-art p,body.vivid-site[data-vivid-family="contact"] .brand-words,body.vivid-site[data-vivid-family="contact"] .brand-words p{color:var(--vv-muted)}
body.vivid-site[data-vivid-family="resources"] :is(.about-mission,.about-principles,.about-roadmap,.about-founders,.approach-process,.approach-boundaries,.approach-example,.approach-session){background:var(--vv-cream);padding-top:clamp(44px,5vw,76px);padding-bottom:clamp(44px,5vw,76px)}
body.vivid-site[data-vivid-family="resources"] :is(.about-building,.approach-example){background:#f4f6f8}
body.vivid-site[data-vivid-family="resources"] :is(.about-mission,.about-principles,.about-roadmap,.about-founders,.about-building,.approach-process,.approach-boundaries,.approach-example,.approach-session) h2{font-size:clamp(38px,4.5vw,62px);line-height:1.08;letter-spacing:-.035em;color:var(--vv-ink)}
body.vivid-site[data-vivid-family="resources"] .about-mission h3{font-size:clamp(30px,3.2vw,44px);line-height:1.15;color:var(--vv-ink)}
body.vivid-site[data-vivid-family="resources"] :is(.about-three>article,.boundary-cards>article,.session-cards>article,.process-five>article){background:#fff;border:1px solid var(--vv-line);border-top:4px solid var(--vv-coral);border-radius:12px;padding:25px}
body.vivid-site[data-vivid-family="resources"] :is(.about-three>article,.boundary-cards>article,.session-cards>article):nth-child(2n){border-top-color:#0560ff;background:#f4f6f8}
body.vivid-site[data-vivid-family="resources"] .approach-diagram{background:#fff;border:1px solid var(--vv-line);border-radius:16px;padding:24px;box-shadow:0 15px 32px #07152f0b}
body.vivid-site[data-vivid-family="resources"] .navy,body.vivid-site[data-vivid-family="contact"] .contact-closing{background:var(--vv-ink)}
body.vivid-site[data-vivid-family="resources"] .strategy{background:var(--vv-coral);color:var(--vv-ink)}
body.vivid-site[data-vivid-family="resources"] .strategy h2{font-size:clamp(40px,4.8vw,68px);line-height:1.06;color:var(--vv-ink)}
body.vivid-site[data-vivid-family="resources"] .strategy p{color:var(--vv-text)}
body.vivid-site[data-vivid-family="resources"] .founder-photo{background:var(--vv-lime);border-radius:14px;overflow:hidden;border:1px solid var(--vv-line)}
body.vivid-site[data-vivid-family="resources"] .mission-words span{color:var(--vv-ink);background:var(--vv-lime);padding:7px 12px;border-radius:6px}
body.vivid-site:is([data-vivid-family="resources"],[data-vivid-family="contact"]) .home-solutions{background:var(--vv-cream)}
body.vivid-site:is([data-vivid-family="resources"],[data-vivid-family="contact"]) .home-service-intro h2{font-size:clamp(38px,4.5vw,62px);color:var(--vv-ink);line-height:1.08}
body.vivid-site:is([data-vivid-family="resources"],[data-vivid-family="contact"]) .home-solution-card{border:1px solid var(--vv-line);border-top:5px solid var(--vv-coral);border-radius:12px;background:#fff}
body.vivid-site:is([data-vivid-family="resources"],[data-vivid-family="contact"]) .home-solution-card:nth-child(2n){background:#f4f6f8;border-top-color:#0560ff}
body.vivid-site[data-vivid-family="contact"] .contact-main{background:var(--vv-cream);padding-top:56px;padding-bottom:65px}
body.vivid-site[data-vivid-family="contact"] .contact-intro h2{font-size:clamp(40px,4.4vw,62px);line-height:1.08;color:var(--vv-ink)}
body.vivid-site[data-vivid-family="contact"] .contact-form{background:#fff;border:1px solid var(--vv-line);border-top:6px solid var(--vv-coral);border-radius:16px;box-shadow:0 18px 40px #07152f09;padding:30px}
body.vivid-site[data-vivid-family="contact"] .contact-form h2{font-size:clamp(32px,3.5vw,44px);line-height:1.13;color:var(--vv-ink)}
body.vivid-site[data-vivid-family="contact"] .contact-form :is(input,select,textarea){font-size:16px;border-color:#94a3b8;color:var(--vv-ink);background:#fff}
body.vivid-site[data-vivid-family="contact"] .contact-form :is(input,textarea)::placeholder{color:#526174}
body.vivid-site[data-vivid-family="contact"] .contact-form select:invalid{color:#526174}
body.vivid-site[data-vivid-family="contact"] .contact-form :is(input[type="checkbox"],input[type="radio"]){accent-color:var(--vv-ink)}
body.vivid-site[data-vivid-family="contact"] :is(.automation-plan-field,.agent-plan-field,.project-pricing-field){background:#f4f6f8;border:1px solid #cbd3df;border-radius:9px;padding:17px;margin-top:15px}
body.vivid-site[data-vivid-family="contact"] .project-pricing-field:nth-of-type(2n){background:#f4f6f8;border-color:#cbd3df}
body.vivid-site[data-vivid-family="contact"] .contact-steps article>b{background:var(--vv-lime);color:var(--vv-ink);border:1px solid #cbd3df}
body.vivid-site[data-vivid-family="contact"] .health-note{background:var(--vv-ink)}
body.vivid-site[data-vivid-family="contact"] .contact-next{background:#f4f6f8;padding-top:54px;padding-bottom:54px}
body.vivid-site[data-vivid-family="contact"] .contact-next h2{font-size:clamp(38px,4.5vw,60px);line-height:1.1;color:var(--vv-ink)}
body.vivid-site[data-vivid-family="contact"] .contact-closing h2{font-size:clamp(40px,4.5vw,64px);line-height:1.08}
/* Journal shells: vibrant hierarchy, calm long-form reading. Article copy is untouched. */
body.vivid-site[data-vivid-family="blog"] .journal-hero{background:var(--vv-ink);border-bottom:7px solid var(--vv-coral);padding-top:clamp(45px,6vw,85px);padding-bottom:clamp(45px,6vw,78px)}
body.vivid-site[data-vivid-family="blog"] .journal-hero h1{font-size:clamp(46px,5.3vw,76px);line-height:1.06;max-width:1150px;color:#fff}
body.vivid-site[data-vivid-family="blog"] .journal-hero h1 span{color:var(--vv-lime)}
body.vivid-site[data-vivid-family="blog"] .journal-hero .journal-kicker{color:var(--vv-coral)}
body.vivid-site[data-vivid-family="blog"] .journal-intro p{color:#f4f6f8}
body.vivid-site[data-vivid-family="blog"] .journal-section-heading h2{font-size:clamp(32px,3.5vw,46px);line-height:1.15;color:var(--vv-ink)}
body.vivid-site[data-vivid-family="blog"] .journal-card{border-color:var(--vv-line);border-radius:13px;background:#fff}
body.vivid-site[data-vivid-family="blog"] .card-top{background:var(--vv-lime);border-bottom-color:var(--vv-line)}
body.vivid-site[data-vivid-family="blog"] .journal-card:nth-child(3n+2) .card-top{background:var(--vv-coral)}
body.vivid-site[data-vivid-family="blog"] .journal-card:nth-child(3n) .card-top{background:#f4f6f8}
body.vivid-site[data-vivid-family="blog"] :is(.journal-category,.journal-number){color:var(--vv-ink)}
body.vivid-site[data-vivid-family="blog"] .journal-card h2{font-size:30px;line-height:1.17;color:var(--vv-ink)}
body.vivid-site[data-vivid-family="blog"] .journal-filters button{border-color:#94a3b8;color:var(--vv-ink);background:#fff;min-height:44px}
body.vivid-site[data-vivid-family="blog"] .journal-filters button[aria-pressed="true"]{background:var(--vv-ink);color:var(--vv-lime);border-color:var(--vv-ink)}
body.vivid-site[data-vivid-family="blog"] .journal-cta{background:var(--vv-coral);border:1px solid #cbd3df;border-radius:15px;color:var(--vv-ink)}
body.vivid-site[data-vivid-family="blog"] .journal-cta h2{font-size:clamp(36px,4vw,56px);line-height:1.1;color:var(--vv-ink)}
body.vivid-site[data-vivid-family="blog"] .journal-cta p{color:var(--vv-text)}
body.vivid-site[data-vivid-family="blog"] .article-header{background:var(--vv-coral);border-radius:16px;padding:clamp(25px,4vw,54px);margin-bottom:38px}
body.vivid-site[data-vivid-family="blog"] .article-header h1{font-size:clamp(44px,5vw,70px);line-height:1.08;color:var(--vv-ink)}
body.vivid-site[data-vivid-family="blog"] .article-header :is(p,.journal-kicker,.article-byline){color:var(--vv-text)}
body.vivid-site[data-vivid-family="blog"] .article-deck{font-size:20px;line-height:1.65}
body.vivid-site[data-vivid-family="blog"] .article-toc{background:#f4f6f8;border:1px solid #cbd3df;border-radius:12px;padding:22px;color:var(--vv-ink)}
body.vivid-site[data-vivid-family="blog"] .article-toc a{color:var(--vv-text)}
body.vivid-site[data-vivid-family="blog"] .article-body{background:#fff;border:1px solid var(--vv-line);border-radius:14px;padding:clamp(22px,3vw,40px);min-width:0}
body.vivid-site[data-vivid-family="blog"] .article-body h2{font-size:clamp(32px,3.3vw,44px);line-height:1.15;color:var(--vv-ink)}
body.vivid-site[data-vivid-family="blog"] .article-body h3{font-size:28px;line-height:1.2;color:var(--vv-ink)}
body.vivid-site[data-vivid-family="blog"] .article-body :is(p,li){font-size:18px;line-height:1.85;color:var(--vv-text)}
body.vivid-site[data-vivid-family="blog"] .article-takeaway{background:var(--vv-lime);border-left:5px solid #0560ff;border-radius:8px}
body.vivid-site[data-vivid-family="blog"] .article-body a:not(.button){color:#09327a;text-decoration:underline;text-underline-offset:3px}
body.vivid-site[data-vivid-family="blog"] .article-sources{background:#f4f6f8;border-radius:9px;padding:22px}
body.vivid-site[data-vivid-family="blog"] .related-guides h2{font-size:clamp(34px,4vw,52px);line-height:1.1;color:var(--vv-ink)}
body.vivid-site[data-vivid-family="blog"] .related-grid article{background:#f4f6f8;border:1px solid var(--vv-line);border-radius:10px}
@media(max-width:900px){body.vivid-site[data-vivid-family="blog"] .journal-section-heading{align-items:flex-start;flex-direction:column}body.vivid-site[data-vivid-family="blog"] .article-header{width:90%}body.vivid-site[data-vivid-family="resources"] .approach-diagram{padding:16px}}
@media(max-width:600px){body.vivid-site:is([data-vivid-family="resources"],[data-vivid-family="contact"]) :is(.about-hero,.approach-hero,.contact-hero) h1{font-size:clamp(42px,10.5vw,58px);line-height:1.06;letter-spacing:-.025em}body.vivid-site[data-vivid-family="contact"] .contact-form{padding:22px 18px}body.vivid-site[data-vivid-family="contact"] .contact-main{padding-top:38px;padding-bottom:40px}body.vivid-site[data-vivid-family="resources"] .about-brand-art,body.vivid-site[data-vivid-family="contact"] .about-brand-art{padding:22px}body.vivid-site[data-vivid-family="blog"] .journal-hero h1{font-size:clamp(40px,10vw,56px)}body.vivid-site[data-vivid-family="blog"] .article-header h1{font-size:clamp(38px,9.5vw,52px)}body.vivid-site[data-vivid-family="blog"] .article-deck{font-size:18px}body.vivid-site[data-vivid-family="blog"] .article-body{padding:24px 18px}body.vivid-site[data-vivid-family="blog"] .article-body :is(p,li){font-size:17px;line-height:1.8}body.vivid-site[data-vivid-family="blog"] .article-body h2{font-size:32px}body.vivid-site[data-vivid-family="blog"] .journal-card h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){body.vivid-site main *{scroll-behavior:auto!important;transition:none!important}}


/*
 * Vivid service and industry families, audited against the deployed HTML.
 * Load after the existing page styles and vivid common layer.
 * Deliberately no generic h2/h3, figure, button, input or diagram selectors.
 * Existing diagrams, native AI animations, pricing controls and forms keep
 * their typography, geometry, states, timing and event hooks.
 *
 * Coverage (18 content pages + 1 redirect):
 * services: /websites-design/, /services/, /ai-agents/,
 *           /business-workflows/, /boothconnect/
 * business: /business/, /business/privacy/
 * health:   /health/, /health/how-it-works/, /health/workflows/,
 *           /health/founding-practice-program/
 * legal:    /legal/, /legal/how-it-works/, /legal/workflows/,
 *           /legal/ai-agents/, /legal/integrations/, /legal/security/,
 *           /legal/pricing/; /legal/demo/ retains its redirect and fallback
 */

/* SERVICES: broad editorial titles, quiet body copy and generous color fields. */
body.vivid-site[data-vivid-family="services"] :is(.px-service-hero > h1, .sw-hero-grid > div > h1, .bc-hero > h1) {
  color: var(--vv-ink); font-family: var(--serif); font-size: clamp(62px, 7.2vw, 102px);
  font-weight: 400; line-height: .98; letter-spacing: -.04em; text-wrap: balance;
}
body.vivid-site[data-vivid-family="services"] :is(.ao-hero-grid > div > h1, .biz-hero-grid > div > h1) {
  color: var(--vv-ink); font-family: var(--serif); font-size: clamp(56px, 5.6vw, 82px);
  font-weight: 400; line-height: 1; letter-spacing: -.035em; text-wrap: balance;
}
body.vivid-site[data-vivid-family="services"] :is(.px-service-hero > h1, .sw-hero-grid > div > h1, .ao-hero-grid > div > h1, .biz-hero-grid > div > h1, .bc-hero > h1) em {
  color: #0560ff; font-style: italic;
}
body.vivid-site[data-vivid-family="services"] :is(
  .website-gallery > .container > h2, .website-pricing-heading > h2,
  .sw-examples > .container > h2, .software-pricing-heading > h2,
  .sw-delivery > .container > h2, .sw-care-explainer > .container > h2, .sw-faq > .container > h2,
  .ao-offers > .container > h2, .ao-process > .container > h2, .ao-faq > .container > h2,
  .agent-pricing-heading > h2, .automation-pricing-heading > h2,
  .biz-problems > .container > h2, .biz-section > .container > h2,
  .biz-example > .container > div > h2,
  .bc-concepts > h2, .bc-packages > .container > h2, .bc-delivery > h2, .bc-faq > h2,
  .px-industry-section > .container > h2, .px-industry-section .px-intro h2
) {
  color: var(--vv-ink); font-size: clamp(44px, 4.9vw, 68px);
  line-height: 1.04; font-weight: 400; letter-spacing: -.035em; text-wrap: balance;
}
body.vivid-site[data-vivid-family="services"] :is(.px-detail-grid > article > h2, .sw-planning-grid > article > h2) {
  color: var(--vv-ink); font-size: clamp(39px, 4vw, 56px); line-height: 1.07; text-wrap: balance;
}
body.vivid-site[data-vivid-family="services"] :is(.sw-example-copy > h3, .website-concept-heading h3, .bc-concept-copy > h3) {
  color: var(--vv-ink); font-size: clamp(34px, 3.5vw, 48px); line-height: 1.08; letter-spacing: -.03em;
}
body.vivid-site[data-vivid-family="services"] :is(.px-service-hero, .sw-hero, .ao-hero) {
  background: var(--vv-cream); padding-top: clamp(48px, 6vw, 82px); padding-bottom: clamp(48px, 6vw, 80px);
}
body.vivid-site[data-vivid-family="services"] .px-service-hero { border-color: var(--vv-line); }
body.vivid-site[data-vivid-family="services"] :is(.px-service-hero > .px-lead, .sw-hero-grid > div > .sw-lead, .ao-lead, .bc-lead) {
  color: var(--vv-text); font-size: clamp(19px, 1.8vw, 23px); line-height: 1.6;
}
body.vivid-site[data-vivid-family="services"] :is(
  .px-detail-grid p, .px-detail-grid li, .website-gallery-intro,
  .sw-hero-grid > div > p:not(.eyebrow):not(.sw-lead), .sw-section-intro,
  .sw-example-copy > p, .sw-example-copy li, .sw-planning-grid > article > p,
  .sw-planning-grid > article > ul, .bc-intro, .bc-concept-copy > p:not(.bc-number)
) { color: var(--vv-muted); line-height: 1.75; }
body.vivid-site[data-vivid-family="services"] .px-detail-grid { padding-top: 70px; padding-bottom: 75px; }
body.vivid-site[data-vivid-family="services"] .px-detail-grid > article { border-top: 3px solid var(--vv-coral); padding-top: 25px; }
body.vivid-site[data-vivid-family="services"] .px-detail-grid > article:nth-child(2n) { border-top-color: #0560ff; }
body.vivid-site[data-vivid-family="services"] .px-detail-grid > article > span { color: var(--vv-muted); }
body.vivid-site[data-vivid-family="services"] :is(.website-gallery, .sw-examples, .ao-faq, .biz-example) { background: #f4f6f8; }
body.vivid-site[data-vivid-family="services"] :is(.website-pricing, .software-pricing, .agent-pricing, .automation-pricing, .bc-packages, .ao-offers) {
  background: var(--vv-lime);
}
body.vivid-site[data-vivid-family="services"] :is(.website-pricing-heading, .software-pricing-heading, .agent-pricing-heading, .automation-pricing-heading) > p:last-child {
  color: var(--vv-text);
}
body.vivid-site[data-vivid-family="services"] :is(.website-gallery, .sw-examples, .sw-delivery, .sw-planning, .sw-care-explainer, .sw-faq, .ao-offers, .ao-process, .ao-faq, .bc-packages) {
  padding-top: clamp(54px, 6vw, 86px); padding-bottom: clamp(54px, 6vw, 86px);
}
body.vivid-site[data-vivid-family="services"] .website-concept {
  background: #45bdff; border-color: #94a3b8; border-radius: 4px; padding: clamp(18px, 3vw, 38px);
}
body.vivid-site[data-vivid-family="services"] .website-concept-business { background: #ffffff; border-color: #cbd3df; }
body.vivid-site[data-vivid-family="services"] .website-concept-growth { background: #eef1f5; border-color: #cbd3df; }
body.vivid-site[data-vivid-family="services"] .website-concept-heading p { color: var(--vv-text); }
body.vivid-site[data-vivid-family="services"] .website-concept figure > a {
  border: 5px solid #fff; border-radius: 2px; box-shadow: 0 16px 38px #07152f1a;
}
body.vivid-site[data-vivid-family="services"] .sw-dashboard-figure {
  background: #45bdff; border-color: #94a3b8; border-radius: 4px; box-shadow: 0 18px 45px #07152f14;
}
body.vivid-site[data-vivid-family="services"] .sw-dashboard-customer { background: #eef1f5; border-color: #cbd3df; }
body.vivid-site[data-vivid-family="services"] .sw-dashboard-operations { background: #ffffff; border-color: #cbd3df; }
body.vivid-site[data-vivid-family="services"] .sw-dashboard-figure figcaption { color: var(--vv-text); }
body.vivid-site[data-vivid-family="services"] .sw-dashboard-label { color: var(--vv-ink); }
body.vivid-site[data-vivid-family="services"] .sw-dashboard-image-link { border-color: #fff; border-radius: 2px; }
body.vivid-site[data-vivid-family="services"] .sw-platform-scope { background: var(--vv-lime); border-color: #cbd3df; border-radius: 4px; }
body.vivid-site[data-vivid-family="services"] .sw-platform-scope p { color: var(--vv-text); }
body.vivid-site[data-vivid-family="services"] .sw-planning { background: #45bdff; }
body.vivid-site[data-vivid-family="services"] .sw-planning :is(p, li) { color: #243044; }
body.vivid-site[data-vivid-family="services"] .sw-faq { background: #f4f6f8; }
body.vivid-site[data-vivid-family="services"] .sw-care-explainer-grid > article { background: #ffffff; border-color: var(--vv-line); border-radius: 4px; }
body.vivid-site[data-vivid-family="services"] :is(.sw-delivery-grid, .ao-process-grid) > article { border-top: 3px solid var(--vv-coral); }
body.vivid-site[data-vivid-family="services"] :is(.sw-delivery-grid, .ao-process-grid) > article:nth-child(2n) { border-top-color: #0560ff; }
body.vivid-site[data-vivid-family="services"] .ao-offer-grid > article { border-color: #cbd3df; box-shadow: 0 10px 28px #07152f08; }
body.vivid-site[data-vivid-family="services"] .business-hero { background: linear-gradient(120deg, #ffffff 30%, #45bdff); }
body.vivid-site[data-vivid-family="services"] .biz-hero-grid { padding-top: 65px; padding-bottom: 65px; }
body.vivid-site[data-vivid-family="services"] :is(.biz-problems, .biz-section) { padding-top: 65px; padding-bottom: 65px; }
body.vivid-site[data-vivid-family="services"] .biz-controls { background: var(--vv-ink); padding-top: 65px; padding-bottom: 65px; }
body.vivid-site[data-vivid-family="services"] .biz-controls > .container > h2 { color: #fff; font-size: clamp(42px, 4.6vw, 64px); line-height: 1.06; }
body.vivid-site[data-vivid-family="services"] .biz-controls > .container > .eyebrow { color: var(--vv-lime); }
body.vivid-site[data-vivid-family="services"] .bc-hero { background: var(--vv-cream); padding-top: 40px; padding-bottom: 75px; }
body.vivid-site[data-vivid-family="services"] .bc-concepts { padding-top: 25px; padding-bottom: 80px; }
body.vivid-site[data-vivid-family="services"] .bc-concept { background: #eef1f5; border-color: #cbd3df; border-radius: 4px; }
body.vivid-site[data-vivid-family="services"] .bc-purple { background: #45bdff; border-color: #94a3b8; }
body.vivid-site[data-vivid-family="services"] .bc-teal { background: #ffffff; border-color: #cbd3df; }
body.vivid-site[data-vivid-family="services"] .bc-number { color: var(--vv-ink); }
body.vivid-site[data-vivid-family="services"] .bc-figure > a { border: 5px solid #fff; border-radius: 2px; box-shadow: 0 16px 38px #07152f1a; }
body.vivid-site[data-vivid-family="services"] .bc-package { border-color: #cbd3df; }
body.vivid-site[data-vivid-family="services"] .bc-package:nth-child(2) { border-top-color: #0560ff; background: #ffffff; }
body.vivid-site[data-vivid-family="services"] .bc-package:nth-child(3) { border-top-color: var(--vv-ink); background: #f4f6f8; }
body.vivid-site[data-vivid-family="services"] .bc-pricing-structure { border-color: #94a3b8; }
body.vivid-site[data-vivid-family="services"] .bc-cost-grid strong { color: var(--vv-ink); }
body.vivid-site[data-vivid-family="services"] .bc-steps li { background: #ffffff; border-color: var(--vv-line); border-radius: 4px; }
body.vivid-site[data-vivid-family="services"] .bc-steps li:before { color: #0560ff; }
body.vivid-site[data-vivid-family="services"] .bc-bundle { background: var(--vv-ink); color: #fff; padding-block: 75px; }
body.vivid-site[data-vivid-family="services"] .bc-bundle > .container > h2 { color: #fff; font-size: clamp(46px, 5.4vw, 76px); line-height: 1.02; }
body.vivid-site[data-vivid-family="services"] .bc-bundle > .container > p { color: #e8ecf1; }
body.vivid-site[data-vivid-family="services"] .bc-bundle > .container > .eyebrow { color: var(--vv-lime); }
body.vivid-site[data-vivid-family="services"] .bc-bundle .actions > .button { background: var(--vv-lime); border-color: var(--vv-lime); color: var(--vv-ink); }
body.vivid-site[data-vivid-family="services"] .bc-bundle .actions > .button.secondary { background: transparent; color: #fff; border-color: #cbd3df; }
body.vivid-site[data-vivid-family="services"] :is(.strategy, .bc-close, .px-industry-section) { background: var(--vv-coral); color: var(--vv-ink); }
body.vivid-site[data-vivid-family="services"] .strategy-grid { padding-top: 65px; padding-bottom: 65px; }
body.vivid-site[data-vivid-family="services"] .strategy-grid > div > h2 { color: var(--vv-ink); font-size: clamp(44px, 4.8vw, 68px); line-height: 1.04; white-space: normal; text-wrap: balance; }
body.vivid-site[data-vivid-family="services"] .strategy-grid > div > p { color: #243044; font-size: 18px; line-height: 1.65; }
body.vivid-site[data-vivid-family="services"] .bc-close { padding-top: 65px; padding-bottom: 70px; }
body.vivid-site[data-vivid-family="services"] .bc-close > h2 { font-size: clamp(48px, 5.8vw, 82px); line-height: 1.02; color: var(--vv-ink); }
body.vivid-site[data-vivid-family="services"] .bc-close > p { color: #243044; }
body.vivid-site[data-vivid-family="services"] .px-close { background: var(--vv-ink); padding-top: 80px; padding-bottom: 80px; }
body.vivid-site[data-vivid-family="services"] .px-close h2 { font-size: clamp(56px, 6.8vw, 94px); line-height: .98; color: #fff; }
body.vivid-site[data-vivid-family="services"] .px-close .eyebrow { color: var(--vv-lime); }
body.vivid-site[data-vivid-family="services"] .px-close p { color: #e8ecf1; }

/* BUSINESS: preserve every native dashboard and tab panel's inner layout. */
body.vivid-site[data-vivid-family="business"] .pb-hero-dark {
  background: linear-gradient(140deg, #07152f 15%, #09327a 78%, #243044); padding-top: 70px; padding-bottom: 75px;
}
body.vivid-site[data-vivid-family="business"] .pb-hero-copy { background-color: transparent; }
body.vivid-site[data-vivid-family="business"] .pb-hero-copy > h1 {
  color: #fff; font-size: clamp(58px, 5.6vw, 82px); line-height: .99; letter-spacing: -.035em; font-weight: 400; text-wrap: balance;
}
body.vivid-site[data-vivid-family="business"] .pb-hero-copy > h1 em { color: var(--vv-lime); font-style: italic; }
body.vivid-site[data-vivid-family="business"] .pb-hero-copy > .pb-lead { color: #f4f6f8; font-size: 19px; line-height: 1.7; }
body.vivid-site[data-vivid-family="business"] .pb-hero-copy > .eyebrow { color: var(--vv-coral); }
body.vivid-site[data-vivid-family="business"] .pb-hero-copy > .pb-ai-badge { color: #fff; border-color: #cbd3df; }
body.vivid-site[data-vivid-family="business"] .pb-ai-badge > span { color: var(--vv-lime); }
body.vivid-site[data-vivid-family="business"] .pb-hero-copy .pb-bright { background: var(--vv-lime); color: var(--vv-ink); font-weight: 500; box-shadow: none; }
body.vivid-site[data-vivid-family="business"] :is(.pg-heading > h2, .pb-heading > div > h2, .pb-section > .container > h2, .pm-copy > h2, .pt-section > .container > h2) {
  color: var(--vv-ink); font-size: clamp(44px, 4.6vw, 64px); font-weight: 400; line-height: 1.05; letter-spacing: -.035em; text-wrap: balance;
}
body.vivid-site[data-vivid-family="business"] :is(.pg-section, .pm-section, .pf-section) { background: var(--vv-cream); padding-top: 75px; padding-bottom: 75px; }
body.vivid-site[data-vivid-family="business"] .pb-section { padding-top: 70px; padding-bottom: 70px; }
body.vivid-site[data-vivid-family="business"] .pg-panel { background: var(--vv-lime); border-color: #cbd3df; border-radius: 4px; }
body.vivid-site[data-vivid-family="business"] .pg-copy > p { color: var(--vv-text); }
body.vivid-site[data-vivid-family="business"] .pg-tabs button { background: #ffffff; border-color: var(--vv-line); color: var(--vv-ink); }
body.vivid-site[data-vivid-family="business"] .pg-tabs button[aria-selected="true"] { background: var(--vv-ink); border-color: var(--vv-ink); color: #fff; box-shadow: none; }
body.vivid-site[data-vivid-family="business"] .pb-pale { background: #f4f6f8; }
body.vivid-site[data-vivid-family="business"] .portfolio > .pb-card { border-color: var(--vv-line); border-radius: 4px; box-shadow: 0 12px 32px #07152f0b; }
body.vivid-site[data-vivid-family="business"] .pb-portfolio-caption { background: #ffffff; }
body.vivid-site[data-vivid-family="business"] .portfolio > .pb-card:nth-child(2n) .pb-portfolio-caption { background: #ffffff; }
body.vivid-site[data-vivid-family="business"] .pm-card { background: linear-gradient(135deg, #45bdff, #e8ecf1 72%, #e8ecf1); border-radius: 4px; }
body.vivid-site[data-vivid-family="business"] .pm-copy > p { color: #243044; }
body.vivid-site[data-vivid-family="business"] .pf-shell { background: var(--vv-ink); border-radius: 4px; }
body.vivid-site[data-vivid-family="business"] .pf-heading > h2 { color: #fff; font-size: clamp(44px, 4.6vw, 64px); line-height: 1.05; font-weight: 400; text-wrap: balance; }
body.vivid-site[data-vivid-family="business"] .pf-heading > .eyebrow { color: var(--vv-lime); }
body.vivid-site[data-vivid-family="business"] .pt-section { background: #f4f6f8; padding-top: 65px; padding-bottom: 55px; }
body.vivid-site[data-vivid-family="business"] .pb-start { background: var(--vv-lime); }
body.vivid-site[data-vivid-family="business"] .pb-start-intro { color: var(--vv-text); }
body.vivid-site[data-vivid-family="business"] .pb-start-grid article { border-color: #94a3b8; }
body.vivid-site[data-vivid-family="business"] .pb-start-grid article > span { background: var(--vv-ink); color: #fff; }
body.vivid-site[data-vivid-family="business"] .pb-faq details { background: #ffffff; border-color: var(--vv-line); border-radius: 4px; }
body.vivid-site[data-vivid-family="business"] .pb-end { background: var(--vv-coral); }
body.vivid-site[data-vivid-family="business"] .pb-end > .container > h2 { color: var(--vv-ink); font-size: clamp(48px, 5.2vw, 74px); line-height: 1.02; }
/* The privacy notice uses the same pb-section template, but remains a readable document. */
body.vivid-site[data-vivid-family="business"] .pb-section > .container > h1 { color: var(--vv-ink); font-size: clamp(50px, 6vw, 84px); line-height: 1.02; text-wrap: balance; }

/* HEALTH: room around the original live workflow demonstrations, never inside them. */
body.vivid-site[data-vivid-family="health"] :is(.hero, .founding-hero) { background: linear-gradient(120deg, var(--vv-cream) 25%, #ffffff); }
body.vivid-site[data-vivid-family="health"] :is(.health-hero, .how-hero, .wf-hero) { padding-top: 65px; padding-bottom: 65px; }
body.vivid-site[data-vivid-family="health"] .founding-hero > .container { padding-top: 65px; padding-bottom: 65px; }
body.vivid-site[data-vivid-family="health"] :is(.health-hero > div > h1, .how-hero > div > h1, .wf-hero > div > h1, .founding-copy > h1) {
  color: var(--vv-ink); font-size: clamp(54px, 5.7vw, 80px); font-weight: 400; line-height: 1.01; letter-spacing: -.035em; text-wrap: balance;
}
body.vivid-site[data-vivid-family="health"] :is(.health-hero > div > h1, .how-hero > div > h1, .wf-hero > div > h1, .founding-copy > h1) em { color: #0560ff; font-style: italic; }
body.vivid-site[data-vivid-family="health"] :is(.health-hero > div, .how-hero > div, .wf-hero > div, .founding-copy) > .lead { color: var(--vv-text); font-size: 21px; line-height: 1.6; }
body.vivid-site[data-vivid-family="health"] :is(.health-section > .container > h2, .health-controls > .container > h2, .how-split > div > h2, .validate-grid > div > h2, .responsibilities > .container > h2, .wf-copy > h2, .wf-start > .container > h2, .founding-section > .container > h2, .founding-faq > .container > div > h2, .interest-grid > div > h2, .founding-close > .container > h2) {
  color: var(--vv-ink); font-size: clamp(40px, 4.2vw, 59px); font-weight: 400; line-height: 1.07; letter-spacing: -.035em; text-wrap: balance;
}
body.vivid-site[data-vivid-family="health"] .manager-grid > div > h2 { color: var(--vv-ink); font-size: clamp(40px, 3.8vw, 54px); font-weight: 400; line-height: 1.07; text-wrap: balance; }
body.vivid-site[data-vivid-family="health"] :is(.health-section, .health-manager, .health-controls, .how-section, .responsibilities, .wf-section, .wf-start, .founding-section, .interest-section, .founding-close) {
  padding-top: 64px; padding-bottom: 64px;
}
body.vivid-site[data-vivid-family="health"] :is(.health-manager, .how-section.pale, .wf-section.pale, .founding-section.founding-pale) { background: #f4f6f8; }
body.vivid-site[data-vivid-family="health"] :is(.health-controls, .wf-start, .interest-section) { background: var(--vv-lime); }
body.vivid-site[data-vivid-family="health"] :is(.health-approval, .how-flow, .how-manage, .wf-controls, .founding-workflows) { background: var(--vv-ink); padding-top: 58px; padding-bottom: 58px; }
body.vivid-site[data-vivid-family="health"] :is(.health-approval > .container > h2, .how-manage > .container > div > h2, .wf-controls > .container > h2, .founding-workflows > .container > h2) {
  color: #fff; font-size: clamp(40px, 4.3vw, 60px); font-weight: 400; line-height: 1.07; text-wrap: balance;
}
body.vivid-site[data-vivid-family="health"] :is(.health-approval, .how-manage, .wf-controls, .founding-workflows) > .container > .eyebrow { color: var(--vv-lime); }
body.vivid-site[data-vivid-family="health"] :is(.health-section, .health-controls, .wf-start, .founding-section) > .container > p:not(.eyebrow) { color: var(--vv-muted); font-size: 17px; line-height: 1.7; }
body.vivid-site[data-vivid-family="health"] .manager-grid > div > p:not(.eyebrow) { color: var(--vv-muted); line-height: 1.7; }
body.vivid-site[data-vivid-family="health"] :is(.strategy, .founding-close) { background: var(--vv-coral); }
body.vivid-site[data-vivid-family="health"] .strategy > .container { padding-top: 60px; padding-bottom: 60px; }
body.vivid-site[data-vivid-family="health"] .strategy > .container > div > h2 {
  color: var(--vv-ink); font-size: clamp(44px, 4.6vw, 65px); line-height: 1.04; white-space: normal; text-wrap: balance;
}
body.vivid-site[data-vivid-family="health"] .strategy > .container > div > p { color: #243044; font-size: 18px; line-height: 1.65; }
body.vivid-site[data-vivid-family="health"] .founding-close > .container > h2 { font-size: clamp(46px, 5.2vw, 74px); }
body.vivid-site[data-vivid-family="health"] .health-subnav { background: #f4f6f8; border-color: var(--vv-line); }

/* LEGAL: calm, deliberate color fields with the original software and review UI. */
body.vivid-site[data-vivid-family="legal"] .legal-subnav { background: #f4f6f8; border-color: var(--vv-line); }
body.vivid-site[data-vivid-family="legal"] .legal-subnav nav [aria-current="page"] { color: var(--vv-ink); border-bottom-color: #0560ff; }
body.vivid-site[data-vivid-family="legal"] .legal-hero { background: linear-gradient(120deg, var(--vv-cream) 40%, #ffffff); padding-top: 75px; padding-bottom: 75px; }
body.vivid-site[data-vivid-family="legal"] .legal-hero > .container > h1 {
  color: var(--vv-ink); font-size: clamp(58px, 6.8vw, 96px); font-weight: 400; line-height: 1; letter-spacing: -.04em; max-width: 1100px; text-wrap: balance;
}
body.vivid-site[data-vivid-family="legal"] .legal-hero > .container > h1 em { color: #0560ff; font-style: italic; }
body.vivid-site[data-vivid-family="legal"] .legal-lead { color: var(--vv-text); font-size: clamp(19px, 1.8vw, 23px); line-height: 1.65; }
body.vivid-site[data-vivid-family="legal"] .legal-section { padding-top: 65px; padding-bottom: 65px; }
body.vivid-site[data-vivid-family="legal"] .legal-section > .container > h2 {
  color: var(--vv-ink); font-size: clamp(43px, 4.6vw, 65px); line-height: 1.07; letter-spacing: -.035em; font-weight: 400; text-wrap: balance;
}
body.vivid-site[data-vivid-family="legal"] .legal-section:not(.navy) > .container > p:not(.eyebrow) { color: var(--vv-muted); line-height: 1.7; }
body.vivid-site[data-vivid-family="legal"] .legal-pale { background: #f4f6f8; }
body.vivid-site[data-vivid-family="legal"] .legal-section.navy { background: var(--vv-ink); }
body.vivid-site[data-vivid-family="legal"] .legal-section.navy > .container > h2 { color: #fff; }
body.vivid-site[data-vivid-family="legal"] .legal-section.navy > .container > .eyebrow { color: var(--vv-lime); }
body.vivid-site[data-vivid-family="legal"] .legal-dashboard-section { background: #f4f6f8; padding-top: 30px; padding-bottom: 65px; }
body.vivid-site[data-vivid-family="legal"] .dashboard-intro { color: var(--vv-text); }
body.vivid-site[data-vivid-family="legal"] .legal-dashboard img { border: 8px solid #fff; border-radius: 3px; box-shadow: 0 18px 45px #07152f15; }
body.vivid-site[data-vivid-family="legal"] .legal-dashboard figcaption { color: var(--vv-muted); }
body.vivid-site[data-vivid-family="legal"] .legal-grid > article, body.vivid-site[data-vivid-family="legal"] .legal-link-card { border-color: var(--vv-line); border-radius: 4px; }
body.vivid-site[data-vivid-family="legal"] .legal-link-card { border-top: 3px solid #0560ff; background: #ffffff; }
body.vivid-site[data-vivid-family="legal"] .legal-link-card:nth-child(2n) { border-top-color: #0560ff; }
body.vivid-site[data-vivid-family="legal"] .legal-link-card span { color: var(--vv-ink); }
body.vivid-site[data-vivid-family="legal"] .firm-manager { background: var(--vv-lime); border-color: #cbd3df; border-radius: 4px; }
body.vivid-site[data-vivid-family="legal"] .legal-workflows > article { background: #ffffff; border-color: var(--vv-line); border-radius: 4px; }
body.vivid-site[data-vivid-family="legal"] .legal-workflows > article:nth-child(2n) { background: #f4f6f8; }
body.vivid-site[data-vivid-family="legal"] .workflow-heading h2 { color: var(--vv-ink); font-size: clamp(29px, 3vw, 40px); line-height: 1.1; }
body.vivid-site[data-vivid-family="legal"] .workflow-heading .circle-icon { background: var(--vv-lime); }
body.vivid-site[data-vivid-family="legal"] .legal-cta { background: var(--vv-coral); padding-top: 65px; padding-bottom: 65px; }
body.vivid-site[data-vivid-family="legal"] .legal-cta > .container > div > h2 { color: var(--vv-ink); font-size: clamp(46px, 5.3vw, 76px); line-height: 1.03; text-wrap: balance; }
body.vivid-site[data-vivid-family="legal"] .legal-cta > .container > div > p { color: #243044; line-height: 1.7; }
/* The legacy /legal/demo/ fallback remains visible if redirects are disabled. */
body.vivid-site[data-vivid-family="legal"] > p { margin: 48px 5%; color: var(--vv-ink); }
body.vivid-site[data-vivid-family="legal"] > p > a { text-decoration: underline; text-underline-offset: 4px; }

/* Mobile: editorial type stays generous while all existing UI breakpoints survive. */
@media (max-width: 900px) {
  body.vivid-site[data-vivid-family="services"] :is(.ao-hero-grid > div > h1, .biz-hero-grid > div > h1) { font-size: clamp(54px, 7.4vw, 74px); }
  body.vivid-site[data-vivid-family="business"] .pb-hero-copy > h1 { font-size: clamp(58px, 8vw, 78px); }
  body.vivid-site[data-vivid-family="health"] :is(.health-hero > div > h1, .how-hero > div > h1, .wf-hero > div > h1, .founding-copy > h1) { font-size: clamp(49px, 6.5vw, 68px); }
}
@media (max-width: 760px) {
  body.vivid-site[data-vivid-family="services"] :is(.px-service-hero > h1, .sw-hero-grid > div > h1, .ao-hero-grid > div > h1, .biz-hero-grid > div > h1, .bc-hero > h1) { font-size: clamp(50px, 11.8vw, 76px); line-height: 1.01; }
  body.vivid-site[data-vivid-family="services"] :is(.px-service-hero, .sw-hero, .ao-hero, .bc-hero) { padding-top: 42px; padding-bottom: 48px; }
  body.vivid-site[data-vivid-family="services"] :is(.px-detail-grid, .biz-problems, .biz-section, .biz-controls, .biz-hero-grid, .strategy-grid, .bc-bundle, .bc-close) { padding-top: 50px; padding-bottom: 50px; }
  body.vivid-site[data-vivid-family="services"] .px-detail-grid { gap: 32px; }
  body.vivid-site[data-vivid-family="services"] .px-detail-grid > article { padding-top: 20px; }
  body.vivid-site[data-vivid-family="services"] :is(.px-detail-grid > article > h2, .sw-planning-grid > article > h2) { font-size: clamp(36px, 8.8vw, 48px); }
  body.vivid-site[data-vivid-family="services"] .bc-concepts { padding-top: 10px; padding-bottom: 50px; }
  body.vivid-site[data-vivid-family="services"] .bc-concept { padding: 16px; }
  body.vivid-site[data-vivid-family="services"] :is(.website-concept figure > a, .bc-figure > a) { border-width: 3px; }
  body.vivid-site[data-vivid-family="services"] .bc-bundle > .container > h2 { font-size: clamp(44px, 10vw, 60px); }
  body.vivid-site[data-vivid-family="services"] .strategy-grid > div > p { font-size: 17px; }
  body.vivid-site[data-vivid-family="services"] .px-close { padding-top: 55px; padding-bottom: 55px; }
  body.vivid-site[data-vivid-family="business"] :is(.pb-hero-dark, .pb-section, .pg-section, .pm-section, .pf-section, .pt-section) { padding-top: 50px; padding-bottom: 50px; }
  body.vivid-site[data-vivid-family="business"] .pb-hero-copy > h1 { font-size: clamp(54px, 11.8vw, 76px); }
  body.vivid-site[data-vivid-family="business"] .pb-hero-copy > .pb-lead { font-size: 18px; }
  body.vivid-site[data-vivid-family="business"] :is(.pg-heading > h2, .pb-heading > div > h2, .pb-section > .container > h2, .pm-copy > h2, .pt-section > .container > h2, .pf-heading > h2) { font-size: clamp(40px, 9.5vw, 56px); }
  body.vivid-site[data-vivid-family="business"] .pb-end > .container > h2 { font-size: clamp(46px, 10.5vw, 64px); }
  body.vivid-site[data-vivid-family="health"] :is(.health-hero, .how-hero, .wf-hero, .health-section, .health-manager, .health-controls, .how-section, .responsibilities, .wf-section, .wf-start, .founding-section, .interest-section, .founding-close) { padding-top: 48px; padding-bottom: 48px; }
  body.vivid-site[data-vivid-family="health"] .founding-hero > .container { padding-top: 48px; padding-bottom: 0; }
  body.vivid-site[data-vivid-family="health"] :is(.health-hero > div > h1, .how-hero > div > h1, .wf-hero > div > h1, .founding-copy > h1) { font-size: clamp(49px, 11.5vw, 70px); }
  body.vivid-site[data-vivid-family="health"] :is(.health-approval, .how-flow, .how-manage, .wf-controls, .founding-workflows) { padding-top: 46px; padding-bottom: 46px; }
  body.vivid-site[data-vivid-family="health"] .strategy > .container { padding-top: 48px; padding-bottom: 48px; }
  body.vivid-site[data-vivid-family="health"] .strategy > .container > div > p { font-size: 17px; }
  body.vivid-site[data-vivid-family="legal"] :is(.legal-hero, .legal-section, .legal-cta) { padding-top: 50px; padding-bottom: 50px; }
  body.vivid-site[data-vivid-family="legal"] .legal-hero > .container > h1 { font-size: clamp(50px, 11.8vw, 76px); }
  body.vivid-site[data-vivid-family="legal"] .legal-section > .container > h2 { font-size: clamp(39px, 9vw, 54px); }
  body.vivid-site[data-vivid-family="legal"] .legal-cta > .container > div > h2 { font-size: clamp(44px, 10.3vw, 64px); }
  body.vivid-site[data-vivid-family="legal"] .legal-dashboard-section { padding-top: 25px; padding-bottom: 48px; }
  body.vivid-site[data-vivid-family="legal"] .legal-dashboard img { border-width: 4px; }
}
@media (max-width: 380px) {
  body.vivid-site[data-vivid-family="services"] :is(.px-service-hero > h1, .sw-hero-grid > div > h1, .ao-hero-grid > div > h1, .biz-hero-grid > div > h1, .bc-hero > h1),
  body.vivid-site[data-vivid-family="business"] .pb-hero-copy > h1,
  body.vivid-site[data-vivid-family="health"] :is(.health-hero > div > h1, .how-hero > div > h1, .wf-hero > div > h1, .founding-copy > h1),
  body.vivid-site[data-vivid-family="legal"] .legal-hero > .container > h1 { font-size: 46px; }
}


/*
 * Praxen vivid print catalog — additive skin for the existing routed print app.
 * Load after every /print/*.css component and the shared vivid stylesheet.
 * Required shell: <body class="vivid-site" data-vivid-family="print">.
 * Intentionally scoped below #main: no header, mega-menu, footer, logo or asset changes.
 */
body.vivid-site[data-vivid-family="print"] #main {
  --pv-ink: #07152f;
  --pv-text: #243044;
  --pv-muted: #4d596b;
  --pv-cream: #ffffff;
  --pv-lime: #eef1f5;
  --pv-coral: #45bdff;
  --pv-sage: #f4f6f8;
  --pv-line: #e8ecf1;
  color: var(--pv-ink);
  background: var(--pv-cream);
}
body.vivid-site[data-vivid-family="print"] #main :is(.section, .bc-page) { color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main :is(.section, .bc-page, .bc-results, .bc-detail-copy, .bc-card, .product-card, .quote-columns > *) { min-width: 0; }
body.vivid-site[data-vivid-family="print"] #main :is(a, button, summary, input, select, textarea):focus-visible { outline: 3px solid #0560ff; outline-offset: 4px; }
body.vivid-site[data-vivid-family="print"] #main :is(.eyebrow, .section-line) { color: var(--pv-ink); letter-spacing: .12em; }
body.vivid-site[data-vivid-family="print"] #main .eyebrow { font-size: 11px; line-height: 1.6; }
body.vivid-site[data-vivid-family="print"] #main .section-line { font-size: 11px; line-height: 1.6; }
body.vivid-site[data-vivid-family="print"] #main .section-line i { border-color: var(--pv-line); background-color: var(--pv-line); }
body.vivid-site[data-vivid-family="print"] #main :is(.breadcrumbs, .bc-breadcrumbs) { color: var(--pv-muted); font-size: 12px; line-height: 1.7; }
body.vivid-site[data-vivid-family="print"] #main :is(.breadcrumbs, .bc-breadcrumbs) a { color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .button { background: var(--pv-ink); border: 1px solid var(--pv-ink); color: #fff; border-radius: 3px; padding: 16px 22px; min-height: 54px; line-height: 1.4; font-size: 14px; font-weight: 500; white-space: normal; }
body.vivid-site[data-vivid-family="print"] #main .button:hover { background: #09327a; border-color: #09327a; box-shadow: none; }
body.vivid-site[data-vivid-family="print"] #main :is(.text-link, .bc-card-link) { color: var(--pv-ink); border-color: #526174; text-underline-offset: 5px; line-height: 1.6; }
body.vivid-site[data-vivid-family="print"] #main :is(.text-link, .bc-card-link):hover { color: #243044; border-color: #243044; }

/* Main directory and trade-show directory: full compositions above generous color fields. */
body.vivid-site[data-vivid-family="print"] #main :is(.print-directory, .trade-category) { padding-top: 48px; padding-bottom: 78px; }
body.vivid-site[data-vivid-family="print"] #main :is(.print-directory-heading, .trade-category-heading) { max-width: 1120px; margin: 0 0 36px; padding: 26px 0 32px; border-bottom: 1px solid var(--pv-line); }
body.vivid-site[data-vivid-family="print"] #main .trade-category-heading { margin-top: 22px; }
body.vivid-site[data-vivid-family="print"] #main :is(.print-directory-heading, .trade-category-heading) h1 { font: 400 clamp(64px, 7.4vw, 106px)/.98 var(--serif, 'Instrument Serif', Georgia, serif); letter-spacing: -.035em; margin: 19px 0 25px; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main :is(.print-directory-heading, .trade-category-heading) > p:last-child { font-size: 20px; line-height: 1.65; max-width: 690px; color: var(--pv-muted); }
body.vivid-site[data-vivid-family="print"] #main :is(.print-directory-grid, .trade-category-grid) { gap: 30px; }
body.vivid-site[data-vivid-family="print"] #main :is(.print-directory-grid, .trade-category-grid) .product-card { padding: 0 0 28px; border: 1px solid var(--pv-line); border-radius: 4px; background: var(--pv-lime); }
body.vivid-site[data-vivid-family="print"] #main :is(.print-directory-grid, .trade-category-grid) .product-card:nth-child(3n + 2) { background: var(--pv-coral); }
body.vivid-site[data-vivid-family="print"] #main :is(.print-directory-grid, .trade-category-grid) .product-card:nth-child(3n) { background: var(--pv-sage); }
body.vivid-site[data-vivid-family="print"] #main :is(.print-directory-grid, .trade-category-grid) .product-image { border-radius: 3px 3px 0 0; border-bottom: 1px solid var(--pv-line); }
body.vivid-site[data-vivid-family="print"] #main :is(.print-directory-grid, .trade-category-grid) .product-card h2 { font-size: clamp(30px, 2.8vw, 41px); line-height: 1.08; letter-spacing: -.03em; margin: 25px 25px 15px; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main :is(.print-directory-grid, .trade-category-grid) .product-card > p { margin: 0 25px 18px; font-size: 15px; line-height: 1.7; color: var(--pv-text); }
body.vivid-site[data-vivid-family="print"] #main :is(.print-directory-grid, .trade-category-grid) .product-card > .text-link { margin: 0 25px; font-size: 13px; }
body.vivid-site[data-vivid-family="print"] #main .results-note { font-size: 12px; letter-spacing: .035em; color: var(--pv-muted); margin-bottom: 24px; }
/* These narrow !important declarations replace only the promo's existing inline skin. */
body.vivid-site[data-vivid-family="print"] #main .boothconnect-promo { padding: 35px !important; background: var(--pv-lime) !important; border-color: #94a3b8 !important; border-radius: 4px !important; }
body.vivid-site[data-vivid-family="print"] #main .boothconnect-promo h2 { font-size: clamp(36px, 4vw, 54px); line-height: 1.05; margin: 18px 0; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .boothconnect-promo > p:not(.eyebrow) { max-width: 760px; font-size: 17px; line-height: 1.7; color: var(--pv-text); }

/* Category / brief hero. Natural-height text, no fixed image strip and no crop. */
body.vivid-site[data-vivid-family="print"] #main .hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 0; height: auto; padding: 0; background: var(--pv-coral); overflow: hidden; }
body.vivid-site[data-vivid-family="print"] #main .hero::before { display: none; }
body.vivid-site[data-vivid-family="print"] #main .hero-content { width: auto; max-width: none; padding: clamp(44px, 5.2vw, 78px) 9.4%; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .hero h1 { font-size: clamp(57px, 6.2vw, 91px); line-height: .99; letter-spacing: -.035em; margin-bottom: 23px; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .hero h1 em { color: #243044; }
body.vivid-site[data-vivid-family="print"] #main .hero-content > p { font-size: 18px; line-height: 1.65; color: #243044; max-width: 530px; }
body.vivid-site[data-vivid-family="print"] #main .hero .eyebrow { font-size: 10px; letter-spacing: .12em; }
body.vivid-site[data-vivid-family="print"] #main .hero .gold-rule { height: 2px; width: 52px; background: var(--pv-ink); margin: 23px 0; }
body.vivid-site[data-vivid-family="print"] #main .hero .hero-note { color: #243044; font-size: 10px; line-height: 1.7; letter-spacing: .075em; }
body.vivid-site[data-vivid-family="print"] #main .hero .hero-art { position: relative; inset: auto; width: 100%; height: auto; min-height: 0; align-self: stretch; background: var(--pv-lime); display: flex; align-items: center; padding: clamp(18px, 2.5vw, 38px); }
body.vivid-site[data-vivid-family="print"] #main .hero .hero-art > img { position: static; display: block; width: 100%; height: auto; max-width: 100%; aspect-ratio: 4/3; object-fit: contain; object-position: center; }

/* Existing category navigation and catalog filters, with restrained type. */
body.vivid-site[data-vivid-family="print"] #main .category-section { padding-top: 58px; padding-bottom: 35px; }
body.vivid-site[data-vivid-family="print"] #main .compact .service-card { min-width: 0; background: #ffffff; border: 1px solid var(--pv-line); border-radius: 4px; }
body.vivid-site[data-vivid-family="print"] #main .compact .service-card:nth-child(3n + 2) { background: #f4f6f8; }
body.vivid-site[data-vivid-family="print"] #main .compact .service-card:nth-child(3n) { background: #f4f6f8; }
body.vivid-site[data-vivid-family="print"] #main .compact .service-card > img { display: block; width: 100%; height: auto; aspect-ratio: 4/3; object-fit: contain; border-radius: 3px 3px 0 0; background: #fff; }
body.vivid-site[data-vivid-family="print"] #main .compact .service-copy { padding: 20px 18px 24px; margin: 0; }
body.vivid-site[data-vivid-family="print"] #main .compact .service-copy h3 { font-size: clamp(25px, 2.2vw, 33px); line-height: 1.1; letter-spacing: -.025em; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .compact .service-copy p { font-size: 14px; line-height: 1.65; color: var(--pv-muted); }
body.vivid-site[data-vivid-family="print"] #main .catalog-section { padding-top: 36px; padding-bottom: 72px; }
body.vivid-site[data-vivid-family="print"] #main .catalog-tools { padding: 23px; background: var(--pv-lime); border: 1px solid #cbd3df; border-radius: 4px; gap: 18px; }
body.vivid-site[data-vivid-family="print"] #main .catalog-tools :is(input, select) { height: 46px; min-height: 46px; font-size: 13px; border: 1px solid #cbd3df; border-radius: 3px; background: #ffffff; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main :is(.catalog-disclosure, .bc-disclaimer) { font-size: 12px; line-height: 1.75; color: var(--pv-muted); }
body.vivid-site[data-vivid-family="print"] #main :is(.catalog-grid:not(.trade-category-grid), .related-grid) > .product-card { background: #ffffff; border: 1px solid var(--pv-line); border-radius: 4px; padding: 0 0 24px; }
body.vivid-site[data-vivid-family="print"] #main :is(.catalog-grid:not(.trade-category-grid), .related-grid) > .product-card:nth-child(3n + 2) { background: #f4f6f8; }
body.vivid-site[data-vivid-family="print"] #main :is(.catalog-grid:not(.trade-category-grid), .related-grid) > .product-card:nth-child(3n) { background: #f4f6f8; }
body.vivid-site[data-vivid-family="print"] #main :is(.catalog-grid:not(.trade-category-grid), .related-grid) > .product-card h3 { font-size: clamp(26px, 2.3vw, 34px); line-height: 1.1; letter-spacing: -.025em; margin: 22px 20px 14px; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main :is(.catalog-grid:not(.trade-category-grid), .related-grid) > .product-card > .text-link { font-size: 12px; margin: 0 20px; }
/* Preserve the original intrinsic-height fix. The parent owns the ratio; the image never does. */
body.vivid-site[data-vivid-family="print"] #main .product-card .product-image { position: relative; display: block; width: 100%; height: auto; min-height: 0; aspect-ratio: 4/3; background: #fff; overflow: hidden; border-radius: 3px 3px 0 0; }
body.vivid-site[data-vivid-family="print"] #main .product-card .product-image img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; aspect-ratio: auto; object-fit: contain; object-position: center; }
body.vivid-site[data-vivid-family="print"] #main .product-card .product-image:hover img { transform: none; }

/* Shared specialized catalogs: cards, flyers, booklets, packaging, signs and complete displays. */
body.vivid-site[data-vivid-family="print"] #main .bc-page { padding-top: 0; }
body.vivid-site[data-vivid-family="print"] #main .bc-heading { max-width: none; text-align: left; margin: 32px auto 42px; padding: clamp(30px, 3.4vw, 50px); background: var(--pv-lime); border: 1px solid #cbd3df; border-radius: 4px; }
body.vivid-site[data-vivid-family="print"] #main .bc-heading h1 { font-size: clamp(58px, 6.2vw, 87px); line-height: .99; letter-spacing: -.035em; max-width: 1020px; margin: 18px 0 22px; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .bc-heading > p:not(.eyebrow) { margin-left: 0; margin-right: 0; max-width: 790px; color: var(--pv-text); }
body.vivid-site[data-vivid-family="print"] #main .bc-heading > p:not(.eyebrow):not([class*="setting-note"]):not(.bc-heading-note) { font-size: 18px; line-height: 1.7; }
body.vivid-site[data-vivid-family="print"] #main .bc-heading :is(.bc-heading-note, [class*="setting-note"]) { font-size: 11px; line-height: 1.75; color: #243044; }
body.vivid-site[data-vivid-family="print"] #main .bc-sidebar { align-self: start; padding: 0 16px 20px; background: var(--pv-sage); border: 1px solid var(--pv-line); border-radius: 4px; }
body.vivid-site[data-vivid-family="print"] #main .bc-filter-title { padding-top: 18px; }
body.vivid-site[data-vivid-family="print"] #main .bc-filter-title h2 { font: 500 14px/1.4 var(--sans, Outfit, Arial, sans-serif); letter-spacing: 0; }
body.vivid-site[data-vivid-family="print"] #main .bc-filter-group { border-color: #cbd3df; }
body.vivid-site[data-vivid-family="print"] #main .bc-filter-group > summary { font-size: 11px; line-height: 1.6; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .bc-filter-group label { color: #243044; font-size: 12px; line-height: 1.6; }
body.vivid-site[data-vivid-family="print"] #main .bc-filter-group input { accent-color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .bc-filter-note { color: var(--pv-muted); }
body.vivid-site[data-vivid-family="print"] #main .bc-toolbar { background: var(--pv-coral); border: 1px solid #cbd3df; padding: 16px; border-radius: 4px; min-height: 74px; }
body.vivid-site[data-vivid-family="print"] #main .bc-toolbar :is(input, select) { min-height: 44px; color: var(--pv-ink); background: #ffffff; border-color: #cbd3df; border-radius: 3px; }
body.vivid-site[data-vivid-family="print"] #main .bc-toolbar > p { color: #243044; font-size: 12px; }
body.vivid-site[data-vivid-family="print"] #main .bc-sort { color: var(--pv-ink); font-size: 12px; }
body.vivid-site[data-vivid-family="print"] #main .bc-active button { background: var(--pv-lime); color: var(--pv-ink); border-color: #94a3b8; border-radius: 999px; padding: 8px 12px; font-size: 11px; line-height: 1.5; }
body.vivid-site[data-vivid-family="print"] #main .bc-card { min-width: 0; background: #ffffff; border: 1px solid var(--pv-line); border-radius: 4px; }
body.vivid-site[data-vivid-family="print"] #main .bc-card:nth-child(3n + 2) { background: #f4f6f8; }
body.vivid-site[data-vivid-family="print"] #main .bc-card:nth-child(3n) { background: #f4f6f8; }
body.vivid-site[data-vivid-family="print"] #main .bc-card-image { position: relative; display: block; width: 100%; height: auto; min-height: 0; aspect-ratio: 1; overflow: hidden; background: #fff; border-radius: 3px 3px 0 0; }
body.vivid-site[data-vivid-family="print"] #main .bc-card-image img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-height: 100%; aspect-ratio: auto; object-fit: contain; object-position: center; }
body.vivid-site[data-vivid-family="print"] #main .bc-card-image:hover img { transform: none; }
body.vivid-site[data-vivid-family="print"] #main .bc-card-copy { padding: 21px 18px 26px; }
body.vivid-site[data-vivid-family="print"] #main .bc-card h2 { font-size: 29px; line-height: 1.09; letter-spacing: -.025em; color: var(--pv-ink); margin-bottom: 14px; }
body.vivid-site[data-vivid-family="print"] #main .bc-card-copy > p:not(.bc-card-type) { color: var(--pv-muted); font-size: 13px; line-height: 1.7; }
/* Existing type labels and disclosure captions deliberately keep their compact size. */
body.vivid-site[data-vivid-family="print"] #main .bc-card-type { font-size: 10px !important; color: #243044 !important; letter-spacing: .08em; line-height: 1.65; }
body.vivid-site[data-vivid-family="print"] #main .bc-card-link { font-size: 12px; padding: 5px 0; }
body.vivid-site[data-vivid-family="print"] #main :is(.bn-group-links, .booth-group-links) { gap: 10px; }
body.vivid-site[data-vivid-family="print"] #main :is(.bn-group-links, .booth-group-links) a { border-radius: 999px; padding: 12px 17px; border: 1px solid #cbd3df; color: var(--pv-ink); background: #ffffff; font-size: 12px; line-height: 1.5; }
body.vivid-site[data-vivid-family="print"] #main :is(.bn-group-links, .booth-group-links) a[aria-current] { background: var(--pv-ink); border-color: var(--pv-ink); color: #fff; }
body.vivid-site[data-vivid-family="print"] #main .bn-group-links a[aria-current] span { color: #e8ecf1; }
body.vivid-site[data-vivid-family="print"] #main .bc-empty { padding: 48px 25px; background: var(--pv-sage); border: 1px solid var(--pv-line); border-radius: 4px; }
body.vivid-site[data-vivid-family="print"] #main .bc-empty h2 { font-size: 38px; line-height: 1.1; }
body.vivid-site[data-vivid-family="print"] #main .bc-help { background: var(--pv-coral); border: 0; border-radius: 4px; padding: 36px; margin: 0 0 60px; gap: 30px; }
body.vivid-site[data-vivid-family="print"] #main .bc-help h2 { font-size: clamp(37px, 4vw, 54px); line-height: 1.05; margin: 15px 0; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .bc-help p:not(.eyebrow) { font-size: 16px; line-height: 1.7; color: #243044; }
body.vivid-site[data-vivid-family="print"] #main .bc-help .button { flex-shrink: 0; }

/* Product details: editorial title only; specifications, contents and diagrams stay compact. */
body.vivid-site[data-vivid-family="print"] #main .bc-detail { padding-top: 38px; padding-bottom: 60px; gap: clamp(30px, 4.5vw, 65px); }
body.vivid-site[data-vivid-family="print"] #main .bc-detail-art { min-width: 0; padding: 16px; background: var(--pv-sage); border: 1px solid var(--pv-line); border-radius: 4px; }
body.vivid-site[data-vivid-family="print"] #main .bc-detail-art > img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; background: #fff; }
body.vivid-site[data-vivid-family="print"] #main .bc-detail-copy > h1 { font-size: clamp(44px, 4.5vw, 66px); line-height: 1.03; letter-spacing: -.035em; color: var(--pv-ink); overflow-wrap: break-word; }
body.vivid-site[data-vivid-family="print"] #main .bc-detail-copy > .bc-detail-lead { font-size: 19px; line-height: 1.65; color: var(--pv-text); }
body.vivid-site[data-vivid-family="print"] #main .bc-detail-copy > p { color: var(--pv-muted); line-height: 1.75; }
body.vivid-site[data-vivid-family="print"] #main .bc-detail-copy dl { border-color: var(--pv-line); }
body.vivid-site[data-vivid-family="print"] #main .bc-detail-copy dl > div { border-color: var(--pv-line); }
body.vivid-site[data-vivid-family="print"] #main .bc-detail-copy dt { color: var(--pv-muted); font-size: 12px; }
body.vivid-site[data-vivid-family="print"] #main .bc-detail-copy dd { color: var(--pv-text); font-size: 13px; line-height: 1.7; }
body.vivid-site[data-vivid-family="print"] #main .bc-detail-copy [class$="-specifications"] { background: #ffffff; border: 1px solid var(--pv-line); border-radius: 4px; padding: 17px; }
body.vivid-site[data-vivid-family="print"] #main .bc-detail-copy [class$="-specifications"] > summary { font: 500 13px/1.6 var(--sans, Outfit, Arial, sans-serif); color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .bc-detail-copy [class$="-specifications"] h3 { font: 500 16px/1.5 var(--sans, Outfit, Arial, sans-serif); letter-spacing: 0; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main :is(.bk-size-pages, .ct-size-pages, .booth-inclusions) > h2 { font-size: 29px; line-height: 1.15; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .bc-detail-copy [class$="-service-note"] { background: #f4f6f8; border-left: 3px solid #526174; }
body.vivid-site[data-vivid-family="print"] #main .bc-detail-copy :is(.et-fit-callout, .rg-package-note) { border-color: #526174; }
body.vivid-site[data-vivid-family="print"] #main .booth-components li { border-color: var(--pv-line); }
body.vivid-site[data-vivid-family="print"] #main :is(.booth-gallery, .display-gallery) figure > a { background: #fff; border-color: var(--pv-line); }
body.vivid-site[data-vivid-family="print"] #main :is(.booth-gallery, .display-gallery) figure img { width: 100%; height: auto; object-fit: contain; }
body.vivid-site[data-vivid-family="print"] #main :is(.booth-gallery-thumbnails, .display-gallery-thumbnails) button { background: #ffffff; border-color: var(--pv-line); border-radius: 3px; }
body.vivid-site[data-vivid-family="print"] #main :is(.booth-gallery-thumbnails, .display-gallery-thumbnails) button[aria-pressed="true"] { border-color: var(--pv-ink); background: var(--pv-lime); }
body.vivid-site[data-vivid-family="print"] #main :is(.booth-gallery-thumbnails, .display-gallery-thumbnails) img { width: 100%; height: auto; object-fit: contain; background: #fff; }
body.vivid-site[data-vivid-family="print"] #main :is(.booth-gallery, .display-gallery) figcaption { color: var(--pv-muted); }
body.vivid-site[data-vivid-family="print"] #main .booth-technical img { height: auto; aspect-ratio: auto; object-fit: contain; }
body.vivid-site[data-vivid-family="print"] #main .bc-detail-next { padding: 45px 0 48px; border-color: var(--pv-line); }
body.vivid-site[data-vivid-family="print"] #main .bc-detail-next > h2 { font-size: clamp(39px, 4.2vw, 58px); line-height: 1.05; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .bc-detail-next > div > article { padding: 23px; background: var(--pv-lime); border-radius: 4px; }
body.vivid-site[data-vivid-family="print"] #main .bc-detail-next > div > article:nth-child(2) { background: #f4f6f8; }
body.vivid-site[data-vivid-family="print"] #main .bc-detail-next > div > article:nth-child(3) { background: var(--pv-sage); }
body.vivid-site[data-vivid-family="print"] #main .bc-detail-next h3 { font-size: 30px; line-height: 1.1; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .bc-detail-next p { color: var(--pv-text); font-size: 15px; line-height: 1.7; }
body.vivid-site[data-vivid-family="print"] #main .bc-related > div:first-child > h2 { font-size: clamp(38px, 4.2vw, 56px); line-height: 1.07; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .product-detail { gap: 6%; padding-top: 26px; }
body.vivid-site[data-vivid-family="print"] #main .product-detail > img { height: auto; aspect-ratio: 1; object-fit: contain; background: var(--pv-sage); border: 1px solid var(--pv-line); border-radius: 4px; }
body.vivid-site[data-vivid-family="print"] #main .product-detail > div > h1 { font-size: clamp(50px, 5.6vw, 80px); line-height: 1; letter-spacing: -.035em; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .product-detail > div > p { color: var(--pv-muted); }
body.vivid-site[data-vivid-family="print"] #main .product-detail > div > h3 { font-size: 29px; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .product-detail .gold-rule { background: #0560ff; }

/* Design prices and original concept portfolio: values, terms and artworks are unchanged. */
body.vivid-site[data-vivid-family="print"] #main .design-pricing { padding-top: 65px; padding-bottom: 65px; }
body.vivid-site[data-vivid-family="print"] #main .design-pricing > h1 { font-size: clamp(62px, 7vw, 100px); line-height: .98; letter-spacing: -.035em; color: var(--pv-ink); margin: 22px 0 27px; }
body.vivid-site[data-vivid-family="print"] #main .design-pricing > h1 em { color: #0560ff; }
body.vivid-site[data-vivid-family="print"] #main .design-pricing-intro { font-size: 19px; color: var(--pv-muted); }
body.vivid-site[data-vivid-family="print"] #main .design-portfolio { margin-top: 60px; }
body.vivid-site[data-vivid-family="print"] #main .design-portfolio > h2 { font-size: clamp(44px, 4.8vw, 68px); line-height: 1.02; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .design-concept { border-radius: 4px; padding: 30px; background: var(--pv-coral); border-color: #cbd3df; }
body.vivid-site[data-vivid-family="print"] #main .design-concept[data-design-concept="morrow"] { background: #eef1f5; border-color: #e8ecf1; }
body.vivid-site[data-vivid-family="print"] #main .design-concept[data-design-concept="verde"] { background: var(--pv-lime); border-color: #cbd3df; }
body.vivid-site[data-vivid-family="print"] #main .design-concept-heading h3 { font-size: clamp(32px, 3.4vw, 46px); line-height: 1.08; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .design-concept-heading p { color: var(--pv-text); }
body.vivid-site[data-vivid-family="print"] #main .design-concept-visual > a { border-radius: 3px; }
body.vivid-site[data-vivid-family="print"] #main .design-concept-visual img { width: 100%; height: auto; max-height: none; object-fit: contain; }
body.vivid-site[data-vivid-family="print"] #main .design-price-card { border-color: var(--pv-line); border-radius: 4px; background: #ffffff; padding: 32px; }
body.vivid-site[data-vivid-family="print"] #main .design-price-card:nth-child(3n + 2) { background: var(--pv-lime); }
body.vivid-site[data-vivid-family="print"] #main .design-price-card:nth-child(3n) { background: #f4f6f8; }
body.vivid-site[data-vivid-family="print"] #main .design-price-card h2 { font-size: 34px; line-height: 1.1; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .design-price-card p { color: var(--pv-text); }
body.vivid-site[data-vivid-family="print"] #main .design-pricing-terms { padding: 30px; border: 1px solid var(--pv-line); background: var(--pv-sage); border-radius: 4px; }
body.vivid-site[data-vivid-family="print"] #main .design-pricing-terms h2 { font-size: 37px; line-height: 1.1; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .logo-design-quote { background: var(--pv-lime); border-color: #cbd3df; border-radius: 4px; padding: 27px; }

/* Quote flow: calm readable controls, preserved dependent fields and local-only messages. */
body.vivid-site[data-vivid-family="print"] #main .quote-section { padding-top: 58px; padding-bottom: 70px; }
body.vivid-site[data-vivid-family="print"] #main #quoteForm { min-width: 0; }
body.vivid-site[data-vivid-family="print"] #main .quote-columns .field label { color: var(--pv-ink); font-size: 14px; line-height: 1.5; }
body.vivid-site[data-vivid-family="print"] #main .quote-columns :is(input:not([type="radio"]):not([type="checkbox"]):not([type="file"]), select, textarea) { min-height: 48px; max-width: 100%; border: 1px solid #cbd3df; border-radius: 3px; color: var(--pv-ink); background: #ffffff; font-size: 14px; line-height: 1.5; }
body.vivid-site[data-vivid-family="print"] #main .quote-columns :is(input, select, textarea):disabled { color: #526174; background: #f4f6f8; }
body.vivid-site[data-vivid-family="print"] #main #quoteForm fieldset[class*="-quote-fields"] { min-width: 0; padding: 24px; margin: 29px 0; border: 1px solid #cbd3df; border-radius: 4px; background: #f4f6f8; }
body.vivid-site[data-vivid-family="print"] #main #quoteForm fieldset[class*="-quote-fields"] legend { font: 500 17px/1.5 var(--sans, Outfit, Arial, sans-serif); letter-spacing: 0; color: var(--pv-ink); padding-inline: 8px; }
body.vivid-site[data-vivid-family="print"] #main #quoteForm fieldset[class*="-quote-fields"] h3 { font: 500 17px/1.5 var(--sans, Outfit, Arial, sans-serif); letter-spacing: 0; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main #quoteForm fieldset[class*="-quote-fields"] p { color: #243044; font-size: 12px; line-height: 1.75; }
body.vivid-site[data-vivid-family="print"] #main #quoteForm .service-choice { padding: 20px; background: #f4f6f8; border: 1px solid #cbd3df; border-radius: 4px; }
body.vivid-site[data-vivid-family="print"] #main #quoteForm .service-choice legend { font: 500 14px/1.5 var(--sans, Outfit, Arial, sans-serif); color: var(--pv-ink); padding-inline: 6px; }
body.vivid-site[data-vivid-family="print"] #main #quoteForm :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .upload-zone { background: var(--pv-sage); border-color: #94a3b8; border-radius: 4px; }
body.vivid-site[data-vivid-family="print"] #main .upload-zone.dragging { background: var(--pv-lime); }
body.vivid-site[data-vivid-family="print"] #main .preview-note { background: #f4f6f8; border-left: 3px solid #0560ff; border-radius: 3px; color: #243044; font-size: 13px; line-height: 1.75; }
body.vivid-site[data-vivid-family="print"] #main .preview-result { background: var(--pv-lime); border: 1px solid #cbd3df; border-radius: 4px; }
body.vivid-site[data-vivid-family="print"] #main .preview-result h3 { color: var(--pv-ink); font-size: 32px; line-height: 1.1; }
body.vivid-site[data-vivid-family="print"] #main .preview-result pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; }
body.vivid-site[data-vivid-family="print"] #main .quote-aside { align-self: start; padding: 23px; border: 1px solid var(--pv-line); background: var(--pv-sage); border-radius: 4px; }
body.vivid-site[data-vivid-family="print"] #main .quote-aside > img { display: block; width: 100%; height: auto; object-fit: contain; border-radius: 3px; }
body.vivid-site[data-vivid-family="print"] #main .aside-process .step h3 { font-size: 26px; line-height: 1.1; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .aside-process .step p { font-size: 14px; line-height: 1.7; color: var(--pv-muted); }

/* FAQ and closing invitations. No generic h2/h3 rules can enlarge technical content. */
body.vivid-site[data-vivid-family="print"] #main .faq { padding-top: 74px; padding-bottom: 80px; }
body.vivid-site[data-vivid-family="print"] #main .faq > h1 { font-size: clamp(58px, 7vw, 90px); line-height: 1; letter-spacing: -.035em; margin: 22px 0 40px; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .faq > details { padding: 25px 27px; margin-bottom: 13px; border: 1px solid var(--pv-line); border-radius: 4px; background: #ffffff; }
body.vivid-site[data-vivid-family="print"] #main .faq > details[open] { background: var(--pv-lime); border-color: #cbd3df; }
body.vivid-site[data-vivid-family="print"] #main .faq > details > summary { font-size: 29px; line-height: 1.25; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .faq > details > p { color: var(--pv-text); font-size: 16px; line-height: 1.75; }
body.vivid-site[data-vivid-family="print"] #main .custom-solutions { background: var(--pv-lime); border: 1px solid #cbd3df; border-radius: 4px; padding: 44px; margin-top: 60px; }
body.vivid-site[data-vivid-family="print"] #main .custom-solutions h2 { font-size: clamp(38px, 4.2vw, 58px); line-height: 1.05; max-width: 760px; margin: 18px 0; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .custom-solutions p { color: var(--pv-text); font-size: 17px; line-height: 1.7; }
body.vivid-site[data-vivid-family="print"] #main .closing { background: var(--pv-coral); padding-top: 68px; padding-bottom: 72px; gap: 28px; }
body.vivid-site[data-vivid-family="print"] #main .closing-copy { flex: 1 1 540px; min-width: 0; }
body.vivid-site[data-vivid-family="print"] #main .closing h2 { font-size: clamp(46px, 4.8vw, 69px); line-height: 1.01; letter-spacing: -.035em; margin: 19px 0 21px; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .closing p { font-size: 17px; line-height: 1.7; color: #243044; }
body.vivid-site[data-vivid-family="print"] #main .closing .eyebrow { font-size: 10px; line-height: 1.6; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .closing-contact { color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .print-next { background: var(--pv-lime); padding-top: 65px; padding-bottom: 65px; }
body.vivid-site[data-vivid-family="print"] #main .print-next h2 { font-size: clamp(43px, 4.8vw, 65px); line-height: 1.04; letter-spacing: -.03em; margin: 20px 0; color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .print-next p { color: var(--pv-text); font-size: 17px; line-height: 1.7; }
body.vivid-site[data-vivid-family="print"] #main .print-contact-links a { color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .not-found > h1 { font-size: clamp(53px, 6.5vw, 84px); line-height: 1.05; color: var(--pv-ink); }

/* Native mobile filter drawer retains its existing dialog / focus / visibility behavior. */
body.vivid-site[data-vivid-family="print"] #main .bc-filter-dialog { background: var(--pv-cream); color: var(--pv-ink); }
body.vivid-site[data-vivid-family="print"] #main .bc-drawer-head { background: var(--pv-lime); border-color: var(--pv-line); }
body.vivid-site[data-vivid-family="print"] #main .bc-drawer-head h2 { font-size: 29px; line-height: 1.1; margin: 0; }
body.vivid-site[data-vivid-family="print"] #main .bc-drawer-actions { background: var(--pv-sage); border-color: var(--pv-line); }
body.vivid-site[data-vivid-family="print"] #main .bc-mobile-filter { color: var(--pv-ink); background: #ffffff; border-color: #94a3b8; border-radius: 3px; min-height: 44px; }

@media (max-width: 1100px) {
  body.vivid-site[data-vivid-family="print"] #main .hero-content { padding: 48px 8%; }
  body.vivid-site[data-vivid-family="print"] #main .hero h1 { font-size: clamp(51px, 6.4vw, 70px); }
  body.vivid-site[data-vivid-family="print"] #main .hero-content > p { font-size: 16px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-card h2 { font-size: 26px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-card-copy { padding: 19px 15px 23px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-detail-copy > h1 { font-size: 49px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-detail-copy > .bc-detail-lead { font-size: 17px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-help { padding: 30px; }
  body.vivid-site[data-vivid-family="print"] #main .quote-aside { padding: 20px; }
  body.vivid-site[data-vivid-family="print"] #main .design-concept-heading { align-items: flex-start; }
  body.vivid-site[data-vivid-family="print"] #main .design-concept-heading .button { max-width: 250px; }
}
@media (max-width: 850px) and (min-width: 751px) {
  /* The base print sheet has old !important mobile type/padding at this width. */
  body.vivid-site[data-vivid-family="print"] #main .hero .hero-content { padding: 40px 8% !important; }
  body.vivid-site[data-vivid-family="print"] #main .hero h1 { font-size: 52px !important; }
}
@media (max-width: 760px) {
  body.vivid-site[data-vivid-family="print"] #main .bc-heading { margin: 26px 0 30px; padding: 29px 24px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-heading h1 { font-size: clamp(46px, 9.4vw, 68px); line-height: 1.02; margin: 17px 0 21px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-heading > p:not(.eyebrow):not([class*="setting-note"]):not(.bc-heading-note) { font-size: 16px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-heading :is(.bc-heading-note, [class*="setting-note"]) { font-size: 11px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-toolbar { padding: 13px; gap: 10px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-toolbar :is(input, select) { font-size: 16px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-sort select { max-width: 150px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-sort { font-size: 11px; gap: 6px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-toolbar > p { font-size: 11px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-card h2 { font-size: 26px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-card-copy { padding: 18px 15px 23px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-card-copy > p:not(.bc-card-type) { font-size: 13px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-card-link { font-size: 12px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-detail { padding-top: 27px; gap: 30px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-detail-art { padding: 12px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-detail-copy > h1 { font-size: clamp(44px, 9.5vw, 63px); }
  body.vivid-site[data-vivid-family="print"] #main .bc-detail-copy > .bc-detail-lead { font-size: 18px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-help { padding: 29px 24px; margin-bottom: 45px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-help h2 { font-size: 41px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-detail-next > div { gap: 17px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-detail-next > div > article { padding: 23px; }
  body.vivid-site[data-vivid-family="print"] #main .design-concept { padding: 20px; }
  body.vivid-site[data-vivid-family="print"] #main .design-concept-heading .button { max-width: 100%; }
  body.vivid-site[data-vivid-family="print"] #main .design-price-card { padding: 27px; }
  body.vivid-site[data-vivid-family="print"] #main .design-pricing-terms { padding: 25px; }
}
@media (max-width: 750px) {
  body.vivid-site[data-vivid-family="print"] #main .hero { display: flex; flex-direction: column; padding: 0; }
  body.vivid-site[data-vivid-family="print"] #main .hero .hero-content { padding: 43px 7% 44px !important; }
  body.vivid-site[data-vivid-family="print"] #main .hero h1 { font-size: clamp(52px, 11.5vw, 78px) !important; line-height: 1; }
  body.vivid-site[data-vivid-family="print"] #main .hero-content > p { font-size: 17px; line-height: 1.7; }
  body.vivid-site[data-vivid-family="print"] #main .hero .hero-art { padding: 22px 7%; height: auto; align-self: auto; }
  body.vivid-site[data-vivid-family="print"] #main .hero .hero-art > img { height: auto; aspect-ratio: 4/3; }
  body.vivid-site[data-vivid-family="print"] #main :is(.print-directory, .trade-category) { padding-top: 30px; padding-bottom: 52px; }
  body.vivid-site[data-vivid-family="print"] #main :is(.print-directory-heading, .trade-category-heading) { padding-top: 17px; padding-bottom: 25px; margin-bottom: 26px; }
  body.vivid-site[data-vivid-family="print"] #main :is(.print-directory-heading, .trade-category-heading) h1 { font-size: clamp(57px, 11.5vw, 82px); }
  body.vivid-site[data-vivid-family="print"] #main :is(.print-directory-heading, .trade-category-heading) > p:last-child { font-size: 17px; }
  body.vivid-site[data-vivid-family="print"] #main .catalog-tools { padding: 17px; gap: 12px; }
  body.vivid-site[data-vivid-family="print"] #main .catalog-tools :is(input, select) { font-size: 16px; }
  body.vivid-site[data-vivid-family="print"] #main .compact .service-copy { padding: 19px 16px 22px; }
  body.vivid-site[data-vivid-family="print"] #main .compact .service-copy h3 { font-size: 27px; }
  body.vivid-site[data-vivid-family="print"] #main .compact .service-copy p { font-size: 13px; }
  body.vivid-site[data-vivid-family="print"] #main :is(.catalog-grid:not(.trade-category-grid), .related-grid) > .product-card h3 { margin: 19px 16px 13px; font-size: 27px; }
  body.vivid-site[data-vivid-family="print"] #main :is(.catalog-grid:not(.trade-category-grid), .related-grid) > .product-card > .text-link { margin-inline: 16px; }
  body.vivid-site[data-vivid-family="print"] #main .product-detail > div > h1 { font-size: clamp(47px, 10.5vw, 67px); }
  body.vivid-site[data-vivid-family="print"] #main .design-pricing { padding-top: 43px; padding-bottom: 45px; }
  body.vivid-site[data-vivid-family="print"] #main .design-pricing > h1 { font-size: clamp(55px, 11.5vw, 78px); }
  body.vivid-site[data-vivid-family="print"] #main .design-pricing-intro { font-size: 17px; }
  body.vivid-site[data-vivid-family="print"] #main .design-portfolio { margin-top: 44px; }
  body.vivid-site[data-vivid-family="print"] #main .quote-section { padding-top: 39px; padding-bottom: 47px; }
  body.vivid-site[data-vivid-family="print"] #main .quote-columns :is(input:not([type="radio"]):not([type="checkbox"]):not([type="file"]), select, textarea) { font-size: 16px; }
  body.vivid-site[data-vivid-family="print"] #main #quoteForm fieldset[class*="-quote-fields"] { padding: 20px 17px; }
  body.vivid-site[data-vivid-family="print"] #main .faq { padding-top: 46px; padding-bottom: 52px; }
  body.vivid-site[data-vivid-family="print"] #main .faq > h1 { font-size: clamp(51px, 10.5vw, 72px); margin-bottom: 30px; }
  body.vivid-site[data-vivid-family="print"] #main .faq > details { padding: 23px 21px; }
  body.vivid-site[data-vivid-family="print"] #main .faq > details > summary { font-size: 26px; }
  body.vivid-site[data-vivid-family="print"] #main .faq > details > p { margin-left: 0; margin-right: 0; font-size: 15px; }
  body.vivid-site[data-vivid-family="print"] #main .custom-solutions { padding: 30px 24px; margin-top: 40px; }
  body.vivid-site[data-vivid-family="print"] #main .closing { padding-top: 49px; padding-bottom: 52px; }
  body.vivid-site[data-vivid-family="print"] #main .closing h2 { font-size: clamp(45px, 10.3vw, 64px); }
  body.vivid-site[data-vivid-family="print"] #main .closing p { font-size: 16px; }
  body.vivid-site[data-vivid-family="print"] #main .print-next { padding-top: 48px; padding-bottom: 48px; }
  body.vivid-site[data-vivid-family="print"] #main .print-next h2 { font-size: clamp(42px, 9.8vw, 58px); }
  body.vivid-site[data-vivid-family="print"] #main .boothconnect-promo { padding: 27px 23px !important; }
}
@media (max-width: 600px) {
  body.vivid-site[data-vivid-family="print"] #main :is(.print-directory-grid, .trade-category-grid) { gap: 28px; }
  body.vivid-site[data-vivid-family="print"] #main :is(.print-directory-grid, .trade-category-grid) .product-card h2 { font-size: 35px; margin: 24px 23px 14px; }
  body.vivid-site[data-vivid-family="print"] #main :is(.print-directory-grid, .trade-category-grid) .product-card > p { margin-inline: 23px; font-size: 15px; }
  body.vivid-site[data-vivid-family="print"] #main :is(.print-directory-grid, .trade-category-grid) .product-card > .text-link { margin-inline: 23px; }
  /* Narrow catalogs need a real card width for long product names and full arrangements. */
  body.vivid-site[data-vivid-family="print"] #main :is(.catalog-grid:not(.trade-category-grid), .related-grid, .compact) { grid-template-columns: minmax(0, 1fr); }
  body.vivid-site[data-vivid-family="print"] #main .bc-grid { grid-template-columns: minmax(0, 1fr); }
  body.vivid-site[data-vivid-family="print"] #main .bc-related .bc-grid { grid-template-columns: minmax(0, 1fr); }
  body.vivid-site[data-vivid-family="print"] #main .bc-card-copy { padding: 24px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-card h2 { font-size: 32px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-card-copy > p:not(.bc-card-type) { font-size: 14px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-card-link { font-size: 13px; }
  body.vivid-site[data-vivid-family="print"] #main :is(.catalog-grid:not(.trade-category-grid), .related-grid) > .product-card h3 { font-size: 33px; margin: 23px 23px 15px; }
  body.vivid-site[data-vivid-family="print"] #main :is(.catalog-grid:not(.trade-category-grid), .related-grid) > .product-card > .text-link { margin-inline: 23px; font-size: 13px; }
  body.vivid-site[data-vivid-family="print"] #main .compact .service-copy { padding: 24px; }
  body.vivid-site[data-vivid-family="print"] #main .compact .service-copy h3 { font-size: 32px; }
  body.vivid-site[data-vivid-family="print"] #main .compact .service-copy p { font-size: 15px; }
  body.vivid-site[data-vivid-family="print"] #main .catalog-tools { grid-template-columns: minmax(0, 1fr); }
  body.vivid-site[data-vivid-family="print"] #main .catalog-tools > * { grid-column: auto; }
  body.vivid-site[data-vivid-family="print"] #main .bc-heading h1 { overflow-wrap: break-word; }
}
@media (max-width: 370px) {
  body.vivid-site[data-vivid-family="print"] #main .bc-heading { padding: 25px 19px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-heading h1 { font-size: 43px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-detail-copy > h1 { font-size: 40px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-toolbar { padding: 10px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-sort { font-size: 0; }
  body.vivid-site[data-vivid-family="print"] #main .bc-sort select { max-width: 135px; font-size: 16px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-card-copy { padding: 21px; }
  body.vivid-site[data-vivid-family="print"] #main .bc-card h2 { font-size: 30px; }
  body.vivid-site[data-vivid-family="print"] #main #quoteForm .service-choice { padding: 16px; }
  body.vivid-site[data-vivid-family="print"] #main .faq > details { padding: 20px 17px; }
}
@media (prefers-reduced-motion: reduce) {
  body.vivid-site[data-vivid-family="print"] #main :is(.product-image img, .bc-card-image img, .button) { transition: none; }
}

/* Keep legacy generic hero backgrounds from obscuring the new section fields. */
body.vivid-site[data-vivid-family="services"] :is(.ao-hero-grid, .biz-hero-grid),
body.vivid-site[data-vivid-family="health"] :is(.health-hero, .how-hero, .wf-hero) { background-color: transparent; }

/* High-contrast brand fields. Explicit foregrounds keep the original hierarchy. */
body.vivid-site :is(.button:not(.secondary),.button.small){background:#0560ff;border-color:#0560ff;color:#fff}
body.vivid-site :is(.button:not(.secondary),.button.small):hover{background:#09327a;border-color:#09327a;color:#fff}
body.vivid-site[data-vivid-family="services"] :is(.strategy,.bc-close,.sw-planning),
body.vivid-site[data-vivid-family="resources"] .strategy,
body.vivid-site[data-vivid-family="contact"] .contact-closing,
body.vivid-site[data-vivid-family="blog"] .journal-cta,
body.vivid-site[data-vivid-family="print"] #main .closing{background:#0560ff;color:#fff}
body.vivid-site[data-vivid-family="services"] :is(.strategy,.bc-close,.sw-planning) :is(h2,h3,p,li,.eyebrow),
body.vivid-site[data-vivid-family="resources"] .strategy :is(h2,p,.eyebrow),
body.vivid-site[data-vivid-family="contact"] .contact-closing :is(h2,p,.eyebrow),
body.vivid-site[data-vivid-family="blog"] .journal-cta :is(h2,p,.eyebrow),
body.vivid-site[data-vivid-family="print"] #main .closing :is(h2,p,.eyebrow,a){color:#fff}
body.vivid-site[data-vivid-family="services"] :is(.strategy,.bc-close) .button,
body.vivid-site[data-vivid-family="resources"] .strategy .button,
body.vivid-site[data-vivid-family="contact"] .contact-closing .button,
body.vivid-site[data-vivid-family="blog"] .journal-cta .button,
body.vivid-site[data-vivid-family="print"] #main .closing .button{background:#fff;color:#07152f;border-color:#fff}
body.vivid-site[data-vivid-family="services"] .sw-planning-grid>article{background:transparent}
body.vivid-site[data-vivid-family="print"] #main .boothconnect-promo{background:#07152f!important;border-color:#0560ff!important;color:#fff!important}
body.vivid-site[data-vivid-family="print"] #main .boothconnect-promo :is(h2,p,a){color:#fff!important}
body.vivid-site[data-vivid-family="print"] #main .gold-rule{background:#0560ff}
body.vivid-site[data-vivid-family="services"] :is(.strategy,.bc-close,.sw-planning) :is(a,button,input,select,textarea):focus-visible,
body.vivid-site[data-vivid-family="resources"] .strategy :is(a,button):focus-visible,
body.vivid-site[data-vivid-family="contact"] .contact-closing :is(a,button):focus-visible,
body.vivid-site[data-vivid-family="blog"] .journal-cta :is(a,button):focus-visible,
body.vivid-site[data-vivid-family="print"] #main .closing :is(a,button):focus-visible{outline-color:#fff}
/* Planning copy has legacy high-specificity rules; keep every foreground legible on blue. */
body.vivid-site[data-vivid-family="services"] .sw-planning .sw-planning-grid>article :is(h2,h3,p,ul,li,.eyebrow){color:#fff!important}
body.vivid-site[data-vivid-family="blog"] .journal-cta a:not(.button){color:#fff}
body.vivid-site[data-vivid-family="services"] .bc-bundle .text-link{color:#fff;border-color:#45bdff}