/* Dashboard concept and shared interaction states. */
:root[data-preview-style="dashboard"] {
  --concept-radius: 8px;
  --concept-control-radius: 6px;
  --concept-border-width: 1px;
  --concept-border-style: solid;
  --concept-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent);
  --concept-heading-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --concept-heading-weight: 650;
  --concept-heading-spacing: -.035em;
}
:root:is([data-preview-style="dashboard"]) main :is(
  .hero-focus, .feature-card-wide, .blog-card, .collection-card, .catalog-review-card, .seo-link-card,
  .seo-featured, .category-directory__panel, .seo-sidebar-box, .seo-author,
  .seo-pair-card, .contact-channel, .contact-principle, .contact-editor,
  .contact-suggest, .contact-stat, .editorial-post-nav__card, .seo-filters,
  .theme-search-item, .review-card, .pricing-card, .usage-card, .content-card
) {
  border-radius: var(--concept-radius);
  border-width: var(--concept-border-width);
  border-style: var(--concept-border-style);
  border-color: var(--line);
  box-shadow: var(--concept-shadow);
}
:root:is([data-preview-style="dashboard"]) main :is(h1, h2, h3, .editorial-post-nav__title) {
  font-family: var(--concept-heading-font);
  font-weight: var(--concept-heading-weight);
  letter-spacing: var(--concept-heading-spacing);
}
:root:is([data-preview-style="dashboard"]) main :is(
  .search-form, .theme-search-form, .search-submit, .theme-button, .seo-copy-button,
  .filter-reset, .category-shortcut, .seo-chip, .btn-tag, .share-button,
  .editorial-source, .seo-summary, .btn-primary, .btn-secondary, .btn-outline
) { border-radius: var(--concept-control-radius); }
:root:is([data-preview-style="dashboard"]) main .seo-filters :is(input, select, button) { border-radius: var(--concept-control-radius); }
:root:is([data-preview-style="dashboard"]) main .seo-faq details {
  border-radius: var(--concept-radius);
  border-width: var(--concept-border-width);
  border-style: var(--concept-border-style);
}
:root:is([data-preview-style="dashboard"]) main .seo-sidebar-box > .seo-author {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
:root:is([data-preview-style="dashboard"]) main :is(.theme-article-image img, .contact-editor__photo, .contact-editor__avatar) {
  border-radius: var(--concept-radius);
}
:root[data-preview-style="dashboard"] :is(main, .site-header, .site-footer) { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
:root[data-preview-style="dashboard"] main :is(input, select, textarea, button) { font-family: inherit; }
:root[data-preview-style="dashboard"] .site-header-inner { min-height: 60px; padding-block: 8px; }
:root[data-preview-style="dashboard"] main .hero-section { padding-block: 42px; background: var(--paper); }
:root[data-preview-style="dashboard"] main .hero-title { font-size: clamp(32px, 4.1vw, 52px); line-height: 1.12; }
:root[data-preview-style="dashboard"] main .hero-subtitle { font-size: 16px; line-height: 1.6; margin-block: 18px 24px; }
:root[data-preview-style="dashboard"] main .hero-focus { padding: 22px; gap: 16px; }
:root[data-preview-style="dashboard"] main .hero-focus h2 { font-size: 23px; }
:root[data-preview-style="dashboard"] main :is(.home-section, .home-section.reviews-section) { padding-block: 40px; }
:root[data-preview-style="dashboard"] main :is(.section-heading, .seo-section-heading) { margin-bottom: 20px; }
:root[data-preview-style="dashboard"] main :is(.section-heading, .seo-section-heading) h2 { font-size: 25px; }
:root[data-preview-style="dashboard"] main :is(.category-directory__grid, .seo-card-grid, .seo-pair, .theme-blog-grid) { gap: 14px; }
:root[data-preview-style="dashboard"] main :is(.category-directory__panel, .seo-link-card, .seo-sidebar-box, .seo-author, .contact-channel, .contact-principle, .seo-filters) { padding: 18px; }
:root[data-preview-style="dashboard"] main .category-directory__heading { gap: 10px; }
:root[data-preview-style="dashboard"] main .category-directory__heading h3 { font-size: 17px; }
:root[data-preview-style="dashboard"] main :is(.category-directory__icon, .contact-channel__icon, .card-topic-icon) { width: 36px; height: 36px; border-radius: 7px; }
:root[data-preview-style="dashboard"] main :is(.category-directory__icon, .contact-channel__icon, .card-topic-icon) .ui-icon { width: 21px; height: 21px; }
:root[data-preview-style="dashboard"] main .category-directory__reviews { margin-top: 18px; }
:root[data-preview-style="dashboard"] main .category-directory__review { grid-template-columns: 30px minmax(0, 1fr) 18px; gap: 10px; padding-block: 10px; border-radius: 5px; }
:root[data-preview-style="dashboard"] main .category-directory__logo { width: 30px; height: 30px; padding: 3px; border-radius: 5px; }
:root[data-preview-style="dashboard"] main .category-directory__name { font-size: 13px; }
:root[data-preview-style="dashboard"] main .category-directory__count { margin-top: 4px; font-size: 11px; font-family: ui-monospace, monospace; }
:root[data-preview-style="dashboard"] main :is(.blog-card-body, .seo-featured-body) { padding: 22px; }
:root[data-preview-style="dashboard"] main .blog-card h3 { font-size: 21px; }
:root[data-preview-style="dashboard"] main .seo-faq details { border-radius: 7px; }
:root[data-preview-style="dashboard"] main .seo-article-layout { gap: 28px; }
:root[data-preview-style="dashboard"] main .seo-section { margin-top: 36px; }
:root[data-preview-style="dashboard"] main .home-section.seo-section { margin-top: 0; }
:root[data-preview-style="dashboard"] main .theme-prose { font-size: 16px; line-height: 1.75; }
:root[data-preview-style="dashboard"] main .contact-container { padding-top: 32px; }
:root[data-preview-style] main :is(
  .hero-focus, .feature-card-wide, .collection-card.card, .catalog-review-card,
  .blog-card, a.review-card[href], .theme-search-item,
  a.seo-link-card[href], a.seo-featured[href], a.seo-pair-card[href],
  a.contact-channel[href], a.legal-doc-card[href],
  a.editorial-source[href], a.editorial-author--linked[href],
  a.editorial-post-nav__card[href], a.search-result[href],
  a.search-discovery-link[href], .seo-faq details,
  .review-structure__faq details, .review-page .faq-item,
  .review-page .usage-card.is-linked
):is(:hover, :focus-within) {
  background: var(--content-card-hover);
  border-color: var(--content-card-hover-border);
}
:root[data-preview-style] main :is(
  .hero-focus, .feature-card-wide, .collection-card.card, .catalog-review-card,
  .blog-card, a.review-card[href], .theme-search-item,
  a.seo-link-card[href], a.seo-featured[href], a.seo-pair-card[href],
  a.contact-channel[href], a.editorial-post-nav__card[href],
  .review-page .usage-card.is-linked
):is(:hover, :focus-within) {
  box-shadow: var(--concept-shadow, none);
}
:root[data-preview-style] main :is(
  .category-directory__heading[href], .category-directory__review[href],
  .search-types a[href], .search-topic-list a[href],
  .search-suggestions a[href], .seo-chip[href],
  .sidebar-categories a[href], a.category-shortcut[href],
  .article-share a.share-button[href]
):is(:hover, :focus-visible) {
  background: var(--content-card-hover);
  color: var(--ink);
  box-shadow: none;
  text-decoration: none;
}
@media (max-width: 700px) {
:root[data-preview-style="dashboard"] main :is(.hero-section, .home-section, .home-section.reviews-section) { padding-block: 32px; }
:root[data-preview-style="dashboard"] main .hero-title { font-size: 34px; }

}
@media (forced-colors: active) {
:root:is([data-preview-style="dashboard"]) main { background-image: none; }

}