/* Generated by scripts/ds/build-look-pages.js. Do not edit by hand. Follows /es/pricing: tasks/design-system/BRIEF-es-pricing.md. */

/* Hero: black, inset, rounded, centred. It holds the header. */
html body:not(#_) :is(.comparison-hero, .alternatives-hero, .about-hero, .reviews-hero, .security-hero, .hiw-hero, .cp-hero, .careers-hero, .agency-hero, .affiliate-hero, .ai-info-hero, .as-seen-on-hero, .whats-new-hero, .guides-hero, .guide-detail-hero, .learn-article-hero, .learn-hub-hero, .glossary-hero, .ex-hero, .example-detail, .template-detail-hero, .help-hero, .help-category-hero, .help-article-hero, .legal-hero, .sitemap-hero, .playbook-hero, .mca-hero) { width: auto !important; max-width: none !important; min-height: 0 !important; margin: 8px 8px 0 !important; padding: var(--lk-hero-pad) !important; border: 0 !important; border-radius: 24px !important; background: var(--lk-black) !important; color: var(--lk-paper) !important; text-align: center !important; box-shadow: none !important; }
html body:not(#_) :is(.comparison-hero, .alternatives-hero, .about-hero, .reviews-hero, .security-hero, .hiw-hero, .cp-hero, .careers-hero, .agency-hero, .affiliate-hero, .ai-info-hero, .as-seen-on-hero, .whats-new-hero, .guides-hero, .guide-detail-hero, .learn-article-hero, .learn-hub-hero, .glossary-hero, .ex-hero, .example-detail, .template-detail-hero, .help-hero, .help-category-hero, .help-article-hero, .legal-hero, .sitemap-hero, .playbook-hero, .mca-hero)::before, html body:not(#_) :is(.comparison-hero, .alternatives-hero, .about-hero, .reviews-hero, .security-hero, .hiw-hero, .cp-hero, .careers-hero, .agency-hero, .affiliate-hero, .ai-info-hero, .as-seen-on-hero, .whats-new-hero, .guides-hero, .guide-detail-hero, .learn-article-hero, .learn-hub-hero, .glossary-hero, .ex-hero, .example-detail, .template-detail-hero, .help-hero, .help-category-hero, .help-article-hero, .legal-hero, .sitemap-hero, .playbook-hero, .mca-hero)::after { display: none !important; }
html body:not(#_) :is(.comparison-hero, .alternatives-hero, .about-hero, .reviews-hero, .security-hero, .hiw-hero, .cp-hero, .careers-hero, .agency-hero, .affiliate-hero, .ai-info-hero, .as-seen-on-hero, .whats-new-hero, .guides-hero, .guide-detail-hero, .learn-article-hero, .learn-hub-hero, .glossary-hero, .ex-hero, .example-detail, .template-detail-hero, .help-hero, .help-category-hero, .help-article-hero, .legal-hero, .sitemap-hero, .playbook-hero, .mca-hero) > * { max-width: var(--lk-width) !important; margin-inline: auto !important; }
html body:not(#_) :is(.comparison-hero, .alternatives-hero, .about-hero, .reviews-hero, .security-hero, .hiw-hero, .cp-hero, .careers-hero, .agency-hero, .affiliate-hero, .ai-info-hero, .as-seen-on-hero, .whats-new-hero, .guides-hero, .guide-detail-hero, .learn-article-hero, .learn-hub-hero, .glossary-hero, .ex-hero, .example-detail, .template-detail-hero, .help-hero, .help-category-hero, .help-article-hero, .legal-hero, .sitemap-hero, .playbook-hero, .mca-hero) h1 { max-width: 1000px !important; margin: 0 auto !important; color: var(--lk-paper) !important; font-size: var(--lk-h1) !important; font-weight: 600 !important; letter-spacing: -.035em !important; line-height: 1.06 !important; text-align: center !important; }
html body:not(#_) :is(.comparison-hero, .alternatives-hero, .about-hero, .reviews-hero, .security-hero, .hiw-hero, .cp-hero, .careers-hero, .agency-hero, .affiliate-hero, .ai-info-hero, .as-seen-on-hero, .whats-new-hero, .guides-hero, .guide-detail-hero, .learn-article-hero, .learn-hub-hero, .glossary-hero, .ex-hero, .example-detail, .template-detail-hero, .help-hero, .help-category-hero, .help-article-hero, .legal-hero, .sitemap-hero, .playbook-hero, .mca-hero) p:not([class*="dm-"]):not(.dm-message p) { max-width: 836px !important; margin-inline: auto !important; color: var(--lk-on-black-2) !important; font-size: var(--lk-lead) !important; font-weight: 400 !important; line-height: 1.55 !important; text-align: center !important; }
html body:not(#_) :is(.comparison-hero, .alternatives-hero, .about-hero, .reviews-hero, .security-hero, .hiw-hero, .cp-hero, .careers-hero, .agency-hero, .affiliate-hero, .ai-info-hero, .as-seen-on-hero, .whats-new-hero, .guides-hero, .guide-detail-hero, .learn-article-hero, .learn-hub-hero, .glossary-hero, .ex-hero, .example-detail, .template-detail-hero, .help-hero, .help-category-hero, .help-article-hero, .legal-hero, .sitemap-hero, .playbook-hero, .mca-hero) a:not([class*="btn"]):not([class*="cta"]) { color: var(--lk-on-black-2) !important; }
html body:not(#_) :is(.comparison-hero, .alternatives-hero, .about-hero, .reviews-hero, .security-hero, .hiw-hero, .cp-hero, .careers-hero, .agency-hero, .affiliate-hero, .ai-info-hero, .as-seen-on-hero, .whats-new-hero, .guides-hero, .guide-detail-hero, .learn-article-hero, .learn-hub-hero, .glossary-hero, .ex-hero, .example-detail, .template-detail-hero, .help-hero, .help-category-hero, .help-article-hero, .legal-hero, .sitemap-hero, .playbook-hero, .mca-hero) :is(.hero-badge, .hero-badge span, [class*="breadcrumb"], [class*="breadcrumb"] *, [class*="meta"], [class*="meta"] *) { color: var(--lk-on-black-2) !important; }

html body:not(#_) :is(.comparison-hero, .alternatives-hero, .about-hero, .reviews-hero, .security-hero, .hiw-hero, .cp-hero, .careers-hero, .agency-hero, .affiliate-hero, .ai-info-hero, .as-seen-on-hero, .whats-new-hero, .guides-hero, .guide-detail-hero, .learn-article-hero, .learn-hub-hero, .glossary-hero, .ex-hero, .example-detail, .template-detail-hero, .help-hero, .help-category-hero, .help-article-hero, .legal-hero, .sitemap-hero, .playbook-hero, .mca-hero) h1 { margin-bottom: 18px !important; }
html body:not(#_) :is(.comparison-hero, .alternatives-hero, .about-hero, .reviews-hero, .security-hero, .hiw-hero, .cp-hero, .careers-hero, .agency-hero, .affiliate-hero, .ai-info-hero, .as-seen-on-hero, .whats-new-hero, .guides-hero, .guide-detail-hero, .learn-article-hero, .learn-hub-hero, .glossary-hero, .ex-hero, .example-detail, .template-detail-hero, .help-hero, .help-category-hero, .help-article-hero, .legal-hero, .sitemap-hero, .playbook-hero, .mca-hero) :is(.creatorflow-logo, .competitor-name-mark) { color: var(--lk-paper) !important; }
html body:not(#_) :is(.comparison-hero, .alternatives-hero, .about-hero, .reviews-hero, .security-hero, .hiw-hero, .cp-hero, .careers-hero, .agency-hero, .affiliate-hero, .ai-info-hero, .as-seen-on-hero, .whats-new-hero, .guides-hero, .guide-detail-hero, .learn-article-hero, .learn-hub-hero, .glossary-hero, .ex-hero, .example-detail, .template-detail-hero, .help-hero, .help-category-hero, .help-article-hero, .legal-hero, .sitemap-hero, .playbook-hero, .mca-hero) .vs-divider { color: var(--lk-on-black-2) !important; }
html body:not(#_) :is(.comparison-hero, .alternatives-hero, .about-hero, .reviews-hero, .security-hero, .hiw-hero, .cp-hero, .careers-hero, .agency-hero, .affiliate-hero, .ai-info-hero, .as-seen-on-hero, .whats-new-hero, .guides-hero, .guide-detail-hero, .learn-article-hero, .learn-hub-hero, .glossary-hero, .ex-hero, .example-detail, .template-detail-hero, .help-hero, .help-category-hero, .help-article-hero, .legal-hero, .sitemap-hero, .playbook-hero, .mca-hero) li:not(.dm-message li) { color: var(--lk-on-black-2) !important; text-align: center !important; }
html body:not(#_) .example-detail ul { display: flex !important; flex-direction: column !important; align-items: center !important; padding: 0 !important; }
html body:not(#_) .example-detail li { display: flex !important; justify-content: center !important; gap: 10px !important; width: auto !important; }
html body:not(#_) .example-detail .tags-list { justify-content: center !important; }
html body:not(#_) .dm-message p:empty { display: none !important; }

/* Sections: white, one 1288 frame, centred heads. */
html body:not(#_) :is(.cf-vs, .comparison-table-section, .seo-content-section, .category-nav-section, .featured-section, .category-section, .faq-section, .about-trust-strip, .about-story, .about-stats, .about-team, .about-testimonials, .about-faq, .reviews-trustpilot, .security-pillars, .security-measures, .security-trusted, .security-faq, .hiw-steps, .hiw-triggers, .hiw-predm, .hiw-req, .hiw-benefits, .hiw-trust, .hiw-faq, .cp-options, .cp-faq, .careers-mission, .careers-why, .careers-open-roles, .careers-looking-for, .careers-values, .agency-benefits, .agency-how-it-works, .agency-faq, .affiliate-promote, .affiliate-calculator, .affiliate-benefits, .affiliate-how-it-works, .affiliate-faq, .as-seen-on-directories, .whats-new-coming-soon, .guides-filters, .guides-grid-section, .guides-faq-section, .skills-directory, .skills-conversion, .guide-navigation, .guide-faq-section, .learn-faq-section, .learn-article-navigation, .learn-hub-sections, .glossary-terms, .glossary-resources, .ex-filter, .ex-examples, .ex-seo-content, .ex-faq, .example-how-it-works, .example-benefits, .example-seo-content, .example-faq, .template-preview-section, .template-how-it-works, .template-mid-cta, .help-categories-section, .help-popular-section, .help-faq-section, .help-support-section, .help-category-intro, .help-articles-section, .help-article-footer, .help-bottom-breadcrumb-section, .sitemap-content, .playbook-preview, .playbook-gate, .playbook-gated, .playbook-faq) { width: 100% !important; max-width: none !important; margin: 0 !important; padding: var(--lk-section-y) 0 !important; border: 0 !important; border-radius: 0 !important; background: var(--lk-paper) !important; color: var(--lk-black) !important; box-shadow: none !important; }
html body:not(#_) :is(.cf-vs, .comparison-table-section, .seo-content-section, .category-nav-section, .featured-section, .category-section, .faq-section, .about-trust-strip, .about-story, .about-stats, .about-team, .about-testimonials, .about-faq, .reviews-trustpilot, .security-pillars, .security-measures, .security-trusted, .security-faq, .hiw-steps, .hiw-triggers, .hiw-predm, .hiw-req, .hiw-benefits, .hiw-trust, .hiw-faq, .cp-options, .cp-faq, .careers-mission, .careers-why, .careers-open-roles, .careers-looking-for, .careers-values, .agency-benefits, .agency-how-it-works, .agency-faq, .affiliate-promote, .affiliate-calculator, .affiliate-benefits, .affiliate-how-it-works, .affiliate-faq, .as-seen-on-directories, .whats-new-coming-soon, .guides-filters, .guides-grid-section, .guides-faq-section, .skills-directory, .skills-conversion, .guide-navigation, .guide-faq-section, .learn-faq-section, .learn-article-navigation, .learn-hub-sections, .glossary-terms, .glossary-resources, .ex-filter, .ex-examples, .ex-seo-content, .ex-faq, .example-how-it-works, .example-benefits, .example-seo-content, .example-faq, .template-preview-section, .template-how-it-works, .template-mid-cta, .help-categories-section, .help-popular-section, .help-faq-section, .help-support-section, .help-category-intro, .help-articles-section, .help-article-footer, .help-bottom-breadcrumb-section, .sitemap-content, .playbook-preview, .playbook-gate, .playbook-gated, .playbook-faq) > * { width: min(var(--lk-width), calc(100% - 16px)) !important; max-width: none !important; margin-inline: auto !important; padding-inline: 0 !important; }
html body:not(#_) :is(.cf-vs__title, .section-title, .section-title-center, .section-title-centered, .category-title, .about-story__headline, .about-team__headline, .about-testimonials__headline, .about-faq__headline, .reviews-trustpilot__title, .security-pillars__headline, .security-measures__headline, .security-trusted__headline, .security-faq__headline, .hiw-section-head__title, .hiw-trust__headline, .hiw-faq__headline, .cp-faq__headline, .careers-section__headline, .agency-benefits__headline, .agency-how-it-works__headline, .agency-faq__headline, .faq-title, .as-seen-on-directories__title, .whats-new-coming-soon__headline, .guides-faq__title, .guide-section__title, .guide-faq__title, .learn-faq__title, .learn-hub-section__title, .glossary-letter-heading, .glossary-resources__title, .ex-section__title, .ex-seo-content__title, .ex-faq__title, .example-seo-content__title, .help-categories__title, .help-popular__title, .help-faq__title, .help-support__title, .help-category-intro__title, .help-articles__title, .sitemap-section__title) { max-width: 960px !important; margin: 0 auto 12px !important; color: var(--lk-black) !important; font-size: var(--lk-h2) !important; font-weight: 600 !important; letter-spacing: -.03em !important; line-height: 1.08 !important; text-align: center !important; }
html body:not(#_) :is(.section-subtitle, .section-subtitle-center, .seo-intro, .category-description, .reviews-trustpilot__subtitle, .security-trusted__description, .hiw-section-head__sub, .hiw-trust__description, .careers-section__body, .agency-benefits__subheadline, .as-seen-on-directories__subtitle, .whats-new-coming-soon__subheadline, .skills-directory__intro, .guide-section__intro, .learn-hub-section__description, .ex-section__description, .help-support__text, .about-team__description) { max-width: 820px !important; margin: 0 auto 24px !important; color: var(--lk-text-2) !important; font-size: var(--lk-sub) !important; font-weight: 400 !important; line-height: 1.5 !important; text-align: center !important; }

/* A group sits in one grey frame, cards inside are white. */
html body:not(#_) :is(.cf-vs__pricegrid, .cf-vs__cards, .cf-vs__split, .cf-vs__deep, .cf-vs__proof, .cf-vs__related, .factors-grid, .featured-grid, .tools-grid, .about-stats__grid, .about-testimonials__grid, .reviews-trustpilot__grid, .security-pillars__grid, .security-measures__grid, .hiw-steps__grid, .hiw-triggers__grid, .hiw-predm__grid, .hiw-req__list, .hiw-benefits__grid, .cp-options__grid, .careers-benefits__grid, .careers-roles__grid, .careers-values__grid, .agency-benefits__grid, .agency-how-it-works__steps, .promote-features, .promote-testimonials, .benefits-grid, .benefits-rows, .steps-flow, .as-seen-on-directories__grid, .guides-grid, .skills-grid, .guide-items-grid, .guide-steps, .learn-hub-section__articles, .glossary-terms-grid, .glossary-resources__grid, .ex-section__grid, .ex-seo-content__grid, .ex-seo-content__categories-grid, .how-it-works-steps, .example-seo-content__grid, .preview-flow, .help-categories-grid, .help-popular-grid, .help-articles-list, .sitemap-grid) { gap: var(--lk-gap) !important; width: 100% !important; max-width: none !important; margin-inline: auto !important; padding: var(--lk-frame-pad) !important; border: 0 !important; border-radius: 24px !important; background: var(--lk-frame) !important; box-shadow: none !important; }
html body:not(#_) :is(.cf-vs__pricecol, .cf-vs__card, .cf-vs__col, .cf-vs__relcard, .factor-card, .featured-card, .tool-card, .about-stats__item, .reviews-trustpilot__card, .security-pillar, .security-measure, .hiw-steps__card, .hiw-triggers__card, .hiw-predm__card, .hiw-req__item, .hiw-benefits__card, .cp-option-card, .careers-benefit__card, .careers-role__card, .careers-value__card, .agency-benefits__card, .agency-how-it-works__step, .promote-feature, .benefit-card, .benefit-row, .step-item, .as-seen-on-directories__badge, .guide-card, .skill-card, .guide-item, .guide-step, .learn-hub-article, .glossary-term-card, .glossary-resource-card, .ex-tpl-card, .ex-seo-content__block, .ex-seo-content__category-card, .how-it-works-step, .example-seo-content__block, .preview-flow__step, .how-step, .help-category-card, .help-popular-card, .help-article-card, .sitemap-section) { padding: 22px !important; border: 0 !important; border-radius: 20px !important; background: var(--lk-paper) !important; color: var(--lk-black) !important; box-shadow: none !important; transform: none !important; text-align: left !important; }
html body:not(#_) :is(.cf-vs__pricecol, .cf-vs__card, .cf-vs__col, .cf-vs__relcard, .factor-card, .featured-card, .tool-card, .about-stats__item, .reviews-trustpilot__card, .security-pillar, .security-measure, .hiw-steps__card, .hiw-triggers__card, .hiw-predm__card, .hiw-req__item, .hiw-benefits__card, .cp-option-card, .careers-benefit__card, .careers-role__card, .careers-value__card, .agency-benefits__card, .agency-how-it-works__step, .promote-feature, .benefit-card, .benefit-row, .step-item, .as-seen-on-directories__badge, .guide-card, .skill-card, .guide-item, .guide-step, .learn-hub-article, .glossary-term-card, .glossary-resource-card, .ex-tpl-card, .ex-seo-content__block, .ex-seo-content__category-card, .how-it-works-step, .example-seo-content__block, .preview-flow__step, .how-step, .help-category-card, .help-popular-card, .help-article-card, .sitemap-section):hover { transform: none !important; box-shadow: none !important; }
html body:not(#_) :is(.cf-vs__pricecol, .cf-vs__card, .cf-vs__col, .cf-vs__relcard, .factor-card, .featured-card, .tool-card, .about-stats__item, .reviews-trustpilot__card, .security-pillar, .security-measure, .hiw-steps__card, .hiw-triggers__card, .hiw-predm__card, .hiw-req__item, .hiw-benefits__card, .cp-option-card, .careers-benefit__card, .careers-role__card, .careers-value__card, .agency-benefits__card, .agency-how-it-works__step, .promote-feature, .benefit-card, .benefit-row, .step-item, .as-seen-on-directories__badge, .guide-card, .skill-card, .guide-item, .guide-step, .learn-hub-article, .glossary-term-card, .glossary-resource-card, .ex-tpl-card, .ex-seo-content__block, .ex-seo-content__category-card, .how-it-works-step, .example-seo-content__block, .preview-flow__step, .how-step, .help-category-card, .help-popular-card, .help-article-card, .sitemap-section) p { color: var(--lk-text-2) !important; font-weight: 400 !important; }
html body:not(#_) :is(.cf-vs__pricehead, .cf-vs__col-title, .h3, .factor-title, .tool-name, .tool-card-name, .reviews-trustpilot__review-title, .security-pillar__title, .security-measure__title, .hiw-steps__title, .hiw-triggers__name, .hiw-predm__title, .hiw-req__title, .cp-option-card__title, .careers-benefit__title, .careers-role__title, .careers-value__title, .agency-benefits__title, .agency-how-it-works__title, .promote-feature__title, .benefit-card__title, .benefit-row__title, .step-item__title, .guide-card__title, .skill-card__name, .item-title, .step-title, .learn-hub-article__title, .glossary-term-card__title, .resource-title, .ex-tpl-card__title, .ex-seo-content__block-title, .ex-seo-content__category-name, .benefit-title, .example-seo-content__block-title, .help-category-card__title, .help-popular-card__title, .help-article-card__title) { color: var(--lk-black) !important; font-size: clamp(19px, 1.6vw, var(--lk-h3)) !important; font-weight: 600 !important; letter-spacing: -.02em !important; line-height: 1.2 !important; text-align: left !important; }

/* Testimonials: black cards with white text. */
html body:not(#_) :is(.about-testimonial__card, .cf-vs__quote, .promote-testimonial) { padding: 16px 18px !important; border: 0 !important; border-radius: 20px !important; background: var(--lk-black) !important; box-shadow: none !important; text-align: left !important; }
html body:not(#_) :is(.about-testimonial__card, .cf-vs__quote, .promote-testimonial), html body:not(#_) :is(.about-testimonial__card, .cf-vs__quote, .promote-testimonial) * { color: var(--lk-paper) !important; }

/* /vs/ pages: head centred like every other section. No Pause button: nothing loops on English. */
html body:not(#_) .cf-vs__head { max-width: 960px !important; margin: 0 auto 20px !important; text-align: center !important; }
html body:not(#_) .cf-vs__eyebrow { justify-content: center !important; color: var(--lk-text-2) !important; }
html body:not(#_) .cf-vs__eyebrow::before { display: none !important; }
html body:not(#_) :is(.cf-vs__answer-lead, .cf-vs__answer-body) { max-width: 820px !important; margin-inline: auto !important; text-align: center !important; color: var(--lk-text-2) !important; font-size: var(--lk-sub) !important; line-height: 1.5 !important; }
html body:not(#_) .cf-vs__answer-lead { color: var(--lk-black) !important; }
html body:not(#_) .hiw-flow__control { display: none !important; }

/* Library: icon tiles, related resources, mock phone, dates. */
html body:not(#_) .ex-tpl-card__icon { width: 44px !important; height: 44px !important; display: grid !important; place-items: center !important; border-radius: 12px !important; background: var(--lk-frame) !important; color: var(--lk-black) !important; }
html body:not(#_) .ex-tpl-card__icon svg { color: var(--lk-black) !important; }
html body:not(#_) .ex-seo-content__resources { padding: var(--lk-frame-pad) !important; border: 0 !important; border-radius: 24px !important; background: var(--lk-frame) !important; color: var(--lk-black) !important; }
html body:not(#_) .ex-seo-content__resources-title { color: var(--lk-black) !important; font-size: var(--lk-h3) !important; font-weight: 600 !important; text-align: center !important; }
html body:not(#_) .ex-seo-content__resources-list { gap: var(--lk-gap) !important; background: transparent !important; }
html body:not(#_) .ex-seo-content__resource-link { padding: 18px 22px !important; border: 0 !important; border-radius: 20px !important; background: var(--lk-paper) !important; }
html body:not(#_) .ex-seo-content__resource-text { color: var(--lk-black) !important; font-weight: 600 !important; }
html body:not(#_) .ex-seo-content__resource-desc { color: var(--lk-text-2) !important; }
html body:not(#_) .cf-faq-updated { margin: 14px auto 0 !important; color: var(--lk-text-2) !important; text-align: center !important; }
html body:not(#_) .dm-message p { max-width: none !important; font-size: 14px !important; line-height: 1.35 !important; text-align: left !important; }
html body:not(#_) .dm-message--sent p { background: #3797f0 !important; color: var(--lk-paper) !important; }
html body:not(#_) .dm-message--received p { background: var(--lk-frame) !important; color: var(--lk-black) !important; }
html body:not(#_) .user-reply-bubble { background: var(--lk-frame) !important; color: var(--lk-black) !important; }
html body:not(#_) :is(.ai-info-wrapper, .ai-info-article) { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
html body:not(#_) .ai-info-article > :not(.ai-info-hero) { width: min(820px, calc(100% - 32px)) !important; max-width: none !important; margin-inline: auto !important; }
html body:not(#_) .ai-info-hero { margin-top: 8px !important; }

html body:not(#_) :is(.comparison-hero, .alternatives-hero, .about-hero, .reviews-hero, .security-hero, .hiw-hero, .cp-hero, .careers-hero, .agency-hero, .affiliate-hero, .ai-info-hero, .as-seen-on-hero, .whats-new-hero, .guides-hero, .guide-detail-hero, .learn-article-hero, .learn-hub-hero, .glossary-hero, .ex-hero, .example-detail, .template-detail-hero, .help-hero, .help-category-hero, .help-article-hero, .legal-hero, .sitemap-hero, .playbook-hero, .mca-hero) a:is(.co-cta, .dsl-btn, .btn-cta-primary-black, .cf-vs__cta, .ds-cmp-cta, .btn-lime, .hiw-hero__button, .hiw-inline-cta__button, .careers-apply__button, .agency-hero__cta-button, .affiliate-hero__cta, .affiliate-final-cta__button, .whats-new-hero__btn, .btn-hero-primary, .example-detail__cta, .help-support__cta) { margin-top: 24px !important; }
@media (max-width: 767px) { html body:not(#_) .example-benefits .benefit-card { display: block !important; } }

/* The rebuilt comparison and company pages (body.mca). */
html body:not(#_) .mca-wrap { width: min(var(--lk-width), calc(100% - 16px)); margin-inline: auto; }
html body:not(#_) .mca-sec { width: 100%; padding: var(--lk-section-y) 0; background: var(--lk-paper); color: var(--lk-black); }
html body:not(#_) .mca-eyebrow { margin: 0 auto 10px !important; color: var(--lk-text-2) !important; font-size: 15px !important; font-weight: 500 !important; text-align: center !important; }
html body:not(#_) :is(.mca-hero, .alternatives-hero) .mca-eyebrow { color: var(--lk-on-black-2) !important; }
html body:not(#_) .mca-sec h2 { max-width: 960px; margin: 0 auto 12px; color: inherit !important; font-size: var(--lk-h2) !important; font-weight: 600 !important; letter-spacing: -.03em; line-height: 1.08; text-align: center; }
html body:not(#_) .mca-lead { max-width: 820px; margin: 0 auto 24px; color: var(--lk-text-2); font-size: var(--lk-sub); font-weight: 400; line-height: 1.5; text-align: center; }
html body:not(#_) .mca-sec h3 { margin: 0; color: var(--lk-black); font-size: clamp(19px, 1.6vw, var(--lk-h3)) !important; font-weight: 600 !important; letter-spacing: -.02em; line-height: 1.2; }
html body:not(#_) .mca-hero__grid { max-width: 1000px !important; display: flex !important; flex-direction: column !important; align-items: center !important; }
html body:not(#_) .mca-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 20px; margin-top: 24px; }
html body:not(#_) a.mca-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 8px 24px; border-radius: 8px; background: var(--lk-lime); color: var(--lk-black) !important; font-size: 16px; font-weight: 600; line-height: 1.2; text-decoration: none; }
html body:not(#_) a.mca-cta:hover { background: var(--lk-paper); }
html body:not(#_) .mca-hero a.mca-textlink { color: var(--lk-paper) !important; text-decoration: underline; text-underline-offset: 2px; font-weight: 500; }
html body:not(#_) .mca-hero__badge { margin-top: 18px !important; font-size: 15px !important; }
html body:not(#_) .mca-cards { display: grid; gap: var(--lk-gap); margin: 0; padding: var(--lk-frame-pad); border-radius: 24px; background: var(--lk-frame); }
html body:not(#_) .mca-cards--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html body:not(#_) .mca-cards--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
html body:not(#_) .mca-card { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 22px; border: 0; border-radius: 20px; background: var(--lk-paper); color: var(--lk-black); }
html body:not(#_) .mca-card p { margin: 0; color: var(--lk-text-2); font-size: 16px; font-weight: 400; line-height: 1.45; }
html body:not(#_) .mca-card a { color: var(--lk-black); font-weight: 600; text-decoration: underline; }
html body:not(#_) .mca-card p.mca-card__tools { color: var(--lk-black); font-weight: 600; }
html body:not(#_) .mca-more { margin: 16px 0 0; text-align: center; font-size: 16px; font-weight: 500; }
html body:not(#_) .mca-more a { color: var(--lk-black); text-decoration: underline; }
html body:not(#_) :is(.mca-needs, .mca-links) { margin: 0; padding: 6px 28px; list-style: none; border-radius: 24px; background: var(--lk-frame); }
html body:not(#_) .mca-needs li { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 4px 28px; margin: 0; padding: 14px 0; border-bottom: 1px solid rgba(0, 0, 0, .08); color: var(--lk-black); font-size: 16px; line-height: 1.4; }
html body:not(#_) .mca-needs li:last-child { border-bottom: 0; }
html body:not(#_) .mca-needs__need { font-weight: 600; }
html body:not(#_) .mca-needs__tools { color: var(--lk-text-2); }
html body:not(#_) .mca-needs__tools a { color: var(--lk-black); text-decoration: underline; }
html body:not(#_) .mca-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 28px; }
html body:not(#_) .mca-links li { margin: 0; padding: 14px 0; }
html body:not(#_) .mca-links a { color: var(--lk-black); font-size: 16px; font-weight: 500; text-decoration: underline; }
html body:not(#_) .mca-sec--ink { width: min(var(--lk-width), calc(100% - 16px)); margin: var(--lk-section-y) auto; padding: 44px 28px; border-radius: 24px; background: var(--lk-black); color: var(--lk-paper); }
html body:not(#_) .mca-sec--ink .mca-wrap { width: 100%; }
html body:not(#_) .mca-sec--ink h3 { color: var(--lk-paper); }
html body:not(#_) .mca-sec--ink .mca-card h3 { color: var(--lk-black); }
html body:not(#_) .mca-sec--ink .mca-eyebrow { color: var(--lk-on-black-2) !important; }
html body:not(#_) .mca-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 40px; margin-bottom: 20px; }
html body:not(#_) .mca-facts ul { margin: 12px 0 0; padding: 0; list-style: none; }
html body:not(#_) .mca-facts li { margin: 0; padding: 12px 0; border-bottom: 1px solid rgba(255, 255, 255, .18); color: var(--lk-on-black-2); font-size: 16px; line-height: 1.4; }
html body:not(#_) .mca-quotes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--lk-gap); padding: var(--lk-frame-pad); border-radius: 24px; background: var(--lk-frame); }
html body:not(#_) .mca-quote { display: flex; flex-direction: column; justify-content: space-between; gap: 16px; margin: 0; padding: 16px 18px; border-radius: 20px; background: var(--lk-black); color: var(--lk-paper); }
html body:not(#_) .mca-quote blockquote { margin: 0; padding: 0; border: 0; color: var(--lk-paper); font-size: 18px; font-weight: 500; line-height: 1.3; }
html body:not(#_) .mca-quote figcaption { display: flex; align-items: center; gap: 10px; color: var(--lk-on-black-2); font-size: 14px; }
html body:not(#_) .mca-quote figcaption span { display: flex; flex-direction: column; }
html body:not(#_) .mca-quote strong { color: var(--lk-paper); }
html body:not(#_) .mca-quote img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }
html body:not(#_) .mca-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--lk-gap); margin: 0; padding: var(--lk-frame-pad); list-style: none; counter-reset: mcas; border-radius: 24px; background: var(--lk-frame); }
html body:not(#_) .mca-steps li { counter-increment: mcas; display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 22px; border-radius: 20px; background: var(--lk-paper); }
html body:not(#_) .mca-steps li::before { content: counter(mcas); display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--lk-lime); color: var(--lk-black); font-size: 15px; font-weight: 600; }
html body:not(#_) .mca-steps p { margin: 0; color: var(--lk-text-2); font-size: 16px; line-height: 1.45; }
html body:not(#_) .mca-dir { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--lk-gap); padding: var(--lk-frame-pad); border-radius: 24px; background: var(--lk-frame); }
html body:not(#_) .mca-dir__group { padding: 22px; border-radius: 20px; background: var(--lk-paper); }
@media (min-width: 1024px) { html body:not(#_) .mca-dir__group:last-child:nth-child(3n + 2) { grid-column: span 2; } html body:not(#_) .mca-dir__group:last-child:nth-child(3n + 2) ul { columns: 2; column-gap: 28px; } html body:not(#_) .mca-dir__group:last-child:nth-child(3n + 2) li { break-inside: avoid; } }
html body:not(#_) .mca-dir ul { margin: 10px 0 0; padding: 0; list-style: none; }
html body:not(#_) .mca-dir li { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 10px 0; border-bottom: 1px solid rgba(0, 0, 0, .08); color: var(--lk-text-2); font-size: 15px; line-height: 1.35; }
html body:not(#_) .mca-dir li:last-child { border-bottom: 0; }
html body:not(#_) .mca-dir :is(a, strong) { color: var(--lk-black); font-size: 16px; font-weight: 600; }
html body:not(#_) .mca-dir a { text-decoration: underline; align-self: flex-start; }
html body:not(#_) .mca-disclose { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 24px 40px; padding: 22px 28px; border-radius: 24px; background: var(--lk-frame); }
html body:not(#_) .mca-disclose ul { margin: 12px 0 0; padding: 0; list-style: none; }
html body:not(#_) .mca-disclose li { margin: 0 0 8px; color: var(--lk-text-2); font-size: 15px; line-height: 1.45; }
html body:not(#_) .mca-disclose a { color: var(--lk-black); text-decoration: underline; }
@media (max-width: 1023px) {
  html body:not(#_) :is(.mca-cards--4, .mca-steps, .mca-quotes, .mca-dir, .mca-links) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  html body:not(#_) :is(.mca-cards--2, .mca-cards--4, .mca-steps, .mca-dir, .mca-links, .mca-facts, .mca-disclose) { grid-template-columns: minmax(0, 1fr); }
  html body:not(#_) :is(.mca-cards, .mca-steps, .mca-dir) { padding: 8px; }
  html body:not(#_) .mca-sec--ink { padding: 32px 18px; }
  html body:not(#_) .mca-needs { padding: 6px 18px; }
  html body:not(#_) .mca-needs li { grid-template-columns: minmax(0, 1fr); }
  html body:not(#_) .mca-quotes { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding: 8px; scrollbar-width: none; }
  html body:not(#_) .mca-quotes > * { flex: 0 0 84%; scroll-snap-align: center; }
  html body:not(#_) a.mca-cta { width: 100%; }
}

html body:not(#_) .mca-sec a.mca-textlink { color: var(--lk-black) !important; text-decoration: underline; text-underline-offset: 2px; font-weight: 500; }
html body:not(#_) .cf-alt-table .price-note { padding: 0 !important; background: transparent !important; color: var(--lk-text-2) !important; font-size: 13px !important; font-weight: 400 !important; letter-spacing: 0 !important; line-height: 1.35 !important; text-transform: none !important; }

/* Small print, closed. */
html body:not(#_) .cf-small { width: min(820px, calc(100% - 32px)); margin: 0 auto 8px; color: var(--lk-text-2); font-size: 13px; line-height: 1.5; text-align: center; }
html body:not(#_) .cf-small summary { padding: 6px 0; color: var(--lk-text-2); font-size: 13px; font-weight: 500; cursor: pointer; }
html body:not(#_) .cf-small ul { margin: 6px 0 0; padding: 0; list-style: none; text-align: left; }
html body:not(#_) .cf-small li { margin: 0 0 6px; color: var(--lk-text-2); font-size: 13px; line-height: 1.5; }
html body:not(#_) .cf-small a { color: var(--lk-text-2); text-decoration: underline; }

/* Close: the button sits right under its sentence. The rest of the close is in look/base.css. */
html body:not(#_) .cf-final-cta__content { gap: 0 !important; }
html body:not(#_) a.cf-final-cta__button { margin-top: 0 !important; }

html body:not(#_) section.section.section-gray { padding: var(--lk-section-y) 0 !important; background: var(--lk-paper) !important; }

/* Black rounded band inside the frame, as the Growth band on /es/pricing. */
html body:not(#_) :is(.about-meta-partner, .reviews-creators, .hiw-flow, .hiw-demo, .hiw-inline-cta, .careers-apply, .affiliate-final-cta) { width: min(var(--lk-width), calc(100% - 16px)) !important; max-width: none !important; margin: var(--lk-section-y) auto !important; padding: 44px 28px !important; border: 0 !important; border-radius: 24px !important; background: var(--lk-black) !important; color: var(--lk-paper) !important; box-shadow: none !important; }
html body:not(#_) :is(.about-meta-partner, .reviews-creators, .hiw-flow, .hiw-demo, .hiw-inline-cta, .careers-apply, .affiliate-final-cta) > * { max-width: 100% !important; margin-inline: auto !important; padding-inline: 0 !important; }
html body:not(#_) :is(.about-meta-partner__headline, .reviews-creators__title, .hiw-inline-cta__headline, .careers-apply__headline, .affiliate-final-cta__title, .hiw-section-head__title--light) { max-width: 960px !important; margin: 0 auto 12px !important; color: var(--lk-paper) !important; font-size: var(--lk-h2) !important; font-weight: 600 !important; letter-spacing: -.03em !important; line-height: 1.08 !important; text-align: center !important; }
html body:not(#_) :is(.about-meta-partner, .reviews-creators, .hiw-flow, .hiw-demo, .hiw-inline-cta, .careers-apply, .affiliate-final-cta) p { color: var(--lk-on-black-2) !important; }

/* FAQ: one grey block. */
html body:not(#_) :is(.faq-accordion, .about-faq__accordion, .security-faq__accordion, .hiw-faq__accordion, .agency-faq__accordion, .cf-vs__faq, .cp-faq__list, .faq-list, .learn-faq-list) { max-width: 820px !important; margin: 0 auto !important; padding: 6px 28px !important; border: 0 !important; border-radius: 24px !important; background: var(--lk-frame) !important; box-shadow: none !important; display: block !important; }
html body:not(#_) :is(.faq-item, .about-faq__item, .security-faq__item, .hiw-faq__item, .agency-faq__item, .cf-vs__faq-item, .cp-faq__item, .learn-faq-item) { margin: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, .08) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
html body:not(#_) :is(.faq-item, .about-faq__item, .security-faq__item, .hiw-faq__item, .agency-faq__item, .cf-vs__faq-item, .cp-faq__item, .learn-faq-item):last-child { border-bottom: 0 !important; }
html body:not(#_) :is(.faq-item, .about-faq__item, .security-faq__item, .hiw-faq__item, .agency-faq__item, .cf-vs__faq-item, .cp-faq__item, .learn-faq-item) summary { padding: 18px 0 !important; background: transparent !important; color: var(--lk-black) !important; font-size: 16px !important; font-weight: 500 !important; }
html body:not(#_) :is(.faq-item, .about-faq__item, .security-faq__item, .hiw-faq__item, .agency-faq__item, .cf-vs__faq-item, .cp-faq__item, .learn-faq-item) p { color: var(--lk-text-2) !important; font-weight: 400 !important; }

/* Buttons: lime main, white others, one size. */
html body:not(#_) a:is(.co-cta, .dsl-btn, .btn-cta-primary-black, .cf-vs__cta, .ds-cmp-cta, .btn-lime, .hiw-hero__button, .hiw-inline-cta__button, .careers-apply__button, .agency-hero__cta-button, .affiliate-hero__cta, .affiliate-final-cta__button, .whats-new-hero__btn, .btn-hero-primary, .example-detail__cta, .help-support__cta) { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; height: auto !important; min-height: 48px !important; padding: 8px 24px !important; border: 0 !important; border-radius: 8px !important; background: var(--lk-lime) !important; color: var(--lk-black) !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.2 !important; text-decoration: none !important; box-shadow: none !important; transform: none !important; }
html body:not(#_) a:is(.co-cta, .dsl-btn, .btn-cta-primary-black, .cf-vs__cta, .ds-cmp-cta, .btn-lime, .hiw-hero__button, .hiw-inline-cta__button, .careers-apply__button, .agency-hero__cta-button, .affiliate-hero__cta, .affiliate-final-cta__button, .whats-new-hero__btn, .btn-hero-primary, .example-detail__cta, .help-support__cta):hover { background: var(--lk-paper) !important; color: var(--lk-black) !important; box-shadow: inset 0 0 0 1px var(--lk-black) !important; }
html body:not(#_) a:is(.btn-primary, .cp-option-card__cta, .nav-prev, .nav-next, .learn-nav-prev, .learn-nav-next) { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; padding: 8px 24px !important; border: 1px solid var(--lk-black) !important; border-radius: 8px !important; background: var(--lk-paper) !important; color: var(--lk-black) !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.2 !important; text-decoration: none !important; box-shadow: none !important; transform: none !important; }
html body:not(#_) a:is(.btn-primary, .cp-option-card__cta, .nav-prev, .nav-next, .learn-nav-prev, .learn-nav-next):hover { background: var(--lk-black) !important; color: var(--lk-paper) !important; }

/* Tables sit in a frame, on a white card. */
html body:not(#_) .table-wrapper { padding: var(--lk-frame-pad) !important; border: 0 !important; border-radius: 24px !important; background: var(--lk-frame) !important; box-shadow: none !important; }
html body:not(#_) .cf-alt-table { border-radius: 20px !important; background: var(--lk-paper) !important; overflow: hidden !important; box-shadow: none !important; }
html body:not(#_) .cf-alt-table tr.highlight-row { background: var(--lk-frame) !important; }

/* Long reading pages keep one column. */
html body:not(#_) :is(.legal-section, .help-section, .learn-section, .guide-section) { background: transparent !important; color: var(--lk-black) !important; }
html body:not(#_) :is(.legal-section, .help-section, .learn-section, .guide-section) :is(h2, h3) { color: var(--lk-black) !important; font-weight: 600 !important; letter-spacing: -.02em !important; text-align: left !important; }
html body:not(#_) :is(.legal-section, .help-section, .learn-section, .guide-section) :is(p, li) { color: #374151 !important; }

@media (max-width: 767px) {
  html body:not(#_) :is(.comparison-hero, .alternatives-hero, .about-hero, .reviews-hero, .security-hero, .hiw-hero, .cp-hero, .careers-hero, .agency-hero, .affiliate-hero, .ai-info-hero, .as-seen-on-hero, .whats-new-hero, .guides-hero, .guide-detail-hero, .learn-article-hero, .learn-hub-hero, .glossary-hero, .ex-hero, .example-detail, .template-detail-hero, .help-hero, .help-category-hero, .help-article-hero, .legal-hero, .sitemap-hero, .playbook-hero, .mca-hero) p:not([class*="dm-"]):not(.dm-message p) { font-size: 17px !important; }
  html body:not(#_) :is(.cf-vs__pricegrid, .cf-vs__cards, .cf-vs__split, .cf-vs__deep, .cf-vs__proof, .cf-vs__related, .factors-grid, .featured-grid, .tools-grid, .about-stats__grid, .about-testimonials__grid, .reviews-trustpilot__grid, .security-pillars__grid, .security-measures__grid, .hiw-steps__grid, .hiw-triggers__grid, .hiw-predm__grid, .hiw-req__list, .hiw-benefits__grid, .cp-options__grid, .careers-benefits__grid, .careers-roles__grid, .careers-values__grid, .agency-benefits__grid, .agency-how-it-works__steps, .promote-features, .promote-testimonials, .benefits-grid, .benefits-rows, .steps-flow, .as-seen-on-directories__grid, .guides-grid, .skills-grid, .guide-items-grid, .guide-steps, .learn-hub-section__articles, .glossary-terms-grid, .glossary-resources__grid, .ex-section__grid, .ex-seo-content__grid, .ex-seo-content__categories-grid, .how-it-works-steps, .example-seo-content__grid, .preview-flow, .help-categories-grid, .help-popular-grid, .help-articles-list, .sitemap-grid) { padding: 8px !important; }
  html body:not(#_) :is(.about-meta-partner, .reviews-creators, .hiw-flow, .hiw-demo, .hiw-inline-cta, .careers-apply, .affiliate-final-cta) { padding: 32px 18px !important; }
  html body:not(#_) :is(.faq-accordion, .about-faq__accordion, .security-faq__accordion, .hiw-faq__accordion, .agency-faq__accordion, .cf-vs__faq, .cp-faq__list, .faq-list, .learn-faq-list) { padding: 6px 18px !important; }
  html body:not(#_) :is(.cf-vs__title, .section-title, .section-title-center, .section-title-centered, .category-title, .about-story__headline, .about-team__headline, .about-testimonials__headline, .about-faq__headline, .reviews-trustpilot__title, .security-pillars__headline, .security-measures__headline, .security-trusted__headline, .security-faq__headline, .hiw-section-head__title, .hiw-trust__headline, .hiw-faq__headline, .cp-faq__headline, .careers-section__headline, .agency-benefits__headline, .agency-how-it-works__headline, .agency-faq__headline, .faq-title, .as-seen-on-directories__title, .whats-new-coming-soon__headline, .guides-faq__title, .guide-section__title, .guide-faq__title, .learn-faq__title, .learn-hub-section__title, .glossary-letter-heading, .glossary-resources__title, .ex-section__title, .ex-seo-content__title, .ex-faq__title, .example-seo-content__title, .help-categories__title, .help-popular__title, .help-faq__title, .help-support__title, .help-category-intro__title, .help-articles__title, .sitemap-section__title), html body:not(#_) :is(.about-meta-partner__headline, .reviews-creators__title, .hiw-inline-cta__headline, .careers-apply__headline, .affiliate-final-cta__title, .hiw-section-head__title--light), html body:not(#_) :is(.section-subtitle, .section-subtitle-center, .seo-intro, .category-description, .reviews-trustpilot__subtitle, .security-trusted__description, .hiw-section-head__sub, .hiw-trust__description, .careers-section__body, .agency-benefits__subheadline, .as-seen-on-directories__subtitle, .whats-new-coming-soon__subheadline, .skills-directory__intro, .guide-section__intro, .learn-hub-section__description, .ex-section__description, .help-support__text, .about-team__description) { padding-inline: 8px !important; }
  html body:not(#_) a:is(.co-cta, .dsl-btn, .btn-cta-primary-black, .cf-vs__cta, .ds-cmp-cta, .btn-lime, .hiw-hero__button, .hiw-inline-cta__button, .careers-apply__button, .agency-hero__cta-button, .affiliate-hero__cta, .affiliate-final-cta__button, .whats-new-hero__btn, .btn-hero-primary, .example-detail__cta, .help-support__cta), html body:not(#_) a:is(.btn-primary, .cp-option-card__cta, .nav-prev, .nav-next, .learn-nav-prev, .learn-nav-next) { width: 100% !important; }
  html body:not(#_) :is(.comparison-hero, .alternatives-hero, .about-hero, .reviews-hero, .security-hero, .hiw-hero, .cp-hero, .careers-hero, .agency-hero, .affiliate-hero, .ai-info-hero, .as-seen-on-hero, .whats-new-hero, .guides-hero, .guide-detail-hero, .learn-article-hero, .learn-hub-hero, .glossary-hero, .ex-hero, .example-detail, .template-detail-hero, .help-hero, .help-category-hero, .help-article-hero, .legal-hero, .sitemap-hero, .playbook-hero, .mca-hero) a:is(.co-cta, .dsl-btn, .btn-cta-primary-black, .cf-vs__cta, .ds-cmp-cta, .btn-lime, .hiw-hero__button, .hiw-inline-cta__button, .careers-apply__button, .agency-hero__cta-button, .affiliate-hero__cta, .affiliate-final-cta__button, .whats-new-hero__btn, .btn-hero-primary, .example-detail__cta, .help-support__cta) { width: auto !important; }
}

/* --- hand blocks below --- */

/* /sitemap: the shared rules size these card titles as section headings. */
html body:not(#_) .sitemap-section__title { max-width: none !important; margin: 0 !important; padding-inline: 0 !important; font-size: clamp(19px, 1.6vw, var(--lk-h3)) !important; letter-spacing: -.02em !important; line-height: 1.2 !important; text-transform: none !important; }