/* Shared visual system for the DSH STORE pages beyond the homepage. */
body:not(.home-page) {
  --dsh-cyan: #17bfe3;
  --dsh-blue: #2874f5;
  --dsh-violet: #7043e7;
  --dsh-ink: #10182b;
  --dsh-muted: #68758c;
  --dsh-line: #e2e8f1;
  --dsh-paper: #f5f7fa;
  --shell: min(1280px, calc(100% - 64px));
  overflow-x: clip !important;
  background: var(--dsh-paper) !important;
  color: var(--dsh-ink) !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif !important;
}
body:not(.home-page)::before {
  background: radial-gradient(ellipse at 50% 0%, rgba(40,116,245,.055), transparent 38%), linear-gradient(180deg,#f8fafc 0%,#f5f7fa 60%,#f7f9fb 100%) !important;
  opacity: 1 !important;
}
body:not(.home-page) .tech-grid,
body:not(.home-page) .ambient-grid { display: none !important; }
body:not(.home-page) ::selection { background: rgba(40,116,245,.22) !important; color: var(--dsh-ink) !important; }
body:not(.home-page) :focus-visible { outline: 3px solid var(--dsh-blue) !important; outline-offset: 4px !important; border-radius: 8px; }
body:not(.home-page) a { color: inherit; }
body:not(.home-page) .section-shell { width: var(--shell) !important; max-width: 1280px !important; margin-inline: auto !important; }
body:not(.home-page) .reveal,
html.motion-ready body:not(.home-page) .reveal:not(.visible) { opacity: 1 !important; transform: none !important; transition: none !important; }

/* The same compact navy masthead and untouched supplied wordmark as the home page. */
body:not(.home-page) .site-header {
  position: sticky !important;
  inset: 0 0 auto !important;
  z-index: 200 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  width: 100% !important;
  min-height: 76px !important;
  padding: 0 max(32px,calc((100vw - 1360px) / 2)) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(223,233,255,.13) !important;
  border-radius: 0 !important;
  background: linear-gradient(108deg,#0c1436 0%,#12204a 64%,#171846 100%) !important;
  box-shadow: 0 8px 26px rgba(8,18,46,.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
  backdrop-filter: blur(18px) saturate(150%) !important;
}
body:not(.home-page) .brand { display: inline-flex !important; align-items: center !important; width: max-content !important; min-width: 0 !important; }
body:not(.home-page) .site-header .brand-wordmark-frame,
body:not(.home-page) .brand-footer .brand-wordmark-frame {
  position: relative !important; display: block !important; width: 206px !important; height: 48px !important;
  overflow: hidden !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important; flex: 0 0 auto !important;
}
body:not(.home-page) .site-header .brand-wordmark,
body:not(.home-page) .brand-footer .brand-wordmark {
  position: absolute !important; top: 50% !important; left: -1px !important; display: block !important;
  width: 208px !important; height: auto !important; max-width: none !important; object-fit: initial !important;
  transform: translateY(-50%) !important;
}
body:not(.home-page) .site-nav {
  display: flex !important; justify-self: center !important; align-items: center !important;
  gap: clamp(2px,.35vw,7px) !important; min-width: 0 !important; max-width: 100% !important;
  margin: 0 !important; padding: 0 !important; overflow: visible !important; border: 0 !important;
}
body:not(.home-page) .site-nav a {
  flex: 0 0 auto !important; padding: 9px 7px !important; border-radius: 9px !important;
  color: #d4def2 !important; background: transparent !important; font-size: 11px !important;
  font-weight: 650 !important; letter-spacing: -.02em !important; transition: color 160ms ease,background-color 160ms ease !important;
}
body:not(.home-page) .site-nav a:hover { color: #fff !important; background: rgba(255,255,255,.1) !important; }
body:not(.home-page) .site-nav a[aria-current="page"] { color: #a9ccff !important; background: rgba(82,143,255,.17) !important; }
body:not(.home-page) .site-nav a[href*="plugin-submission"] { color: #fff !important; background: var(--dsh-blue) !important; }
body:not(.home-page) .site-nav a[href*="plugin-submission"]:hover { background: #155bd2 !important; }
body:not(.home-page) .site-nav .nav-external { color: #d9c8ff !important; }
body:not(.home-page) .header-tools { justify-self: end !important; }
body:not(.home-page) .locale-switch { gap: 2px !important; padding: 3px !important; border: 1px solid rgba(221,232,255,.22) !important; border-radius: 999px !important; background: rgba(255,255,255,.07) !important; box-shadow: none !important; }
body:not(.home-page) .locale-switch button { min-width: 34px !important; padding: 6px 8px !important; border: 0 !important; border-radius: 999px !important; color: #d4def2 !important; background: transparent !important; font-size: 10px !important; font-weight: 760 !important; }
body:not(.home-page) .locale-switch button[aria-pressed="true"] { color: #fff !important; background: var(--dsh-blue) !important; }

/* Bring every inner-page introduction onto the same calm, compact canvas. */
body:not(.home-page) .catalog-hero,
body:not(.home-page) .build-hero,
body:not(.home-page) .about-hero,
body:not(.home-page) .faq-hero,
body:not(.home-page) .standards-hero,
body:not(.home-page) .article-hero,
body:not(.home-page) .seo-guide-hero,
body:not(.home-page) .info-hero {
  width: var(--shell) !important; max-width: 1280px !important; min-height: 0 !important;
  margin-inline: auto !important; padding: clamp(48px,6vw,78px) 0 42px !important;
  gap: clamp(28px,5vw,76px) !important; border: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important;
}
body:not(.home-page) .catalog-hero h1,
body:not(.home-page) .build-hero h1,
body:not(.home-page) .about-hero h1,
body:not(.home-page) .faq-hero h1,
body:not(.home-page) .standards-hero h1,
body:not(.home-page) .article-hero h1,
body:not(.home-page) .seo-guide-hero h1,
body:not(.home-page) .info-hero h1 {
  color: var(--dsh-ink) !important; font-size: clamp(40px,5.4vw,74px) !important;
  line-height: 1.03 !important; letter-spacing: -.065em !important;
}
body:not(.home-page) .catalog-hero h1 em,
body:not(.home-page) .build-hero h1 em,
body:not(.home-page) .about-hero h1 em,
body:not(.home-page) .faq-hero h1 em,
body:not(.home-page) .standards-hero h1 em,
body:not(.home-page) .article-hero h1 em,
body:not(.home-page) .seo-guide-hero h1 em,
body:not(.home-page) .info-hero h1 em { color: var(--dsh-blue) !important; }
body:not(.home-page) .catalog-hero-copy > p,
body:not(.home-page) .build-hero-copy > p,
body:not(.home-page) .about-hero-lead,
body:not(.home-page) .faq-hero-copy > p,
body:not(.home-page) .standards-hero-copy > p,
body:not(.home-page) .article-hero-copy > p,
body:not(.home-page) .info-hero .hero-copy { color: #58677e !important; font-size: 14px !important; line-height: 1.8 !important; }
body:not(.home-page) .section-heading { gap: 22px !important; margin-bottom: 22px !important; }
body:not(.home-page) .section-heading h2,
body:not(.home-page) .catalog-heading h2 { color: var(--dsh-ink) !important; font-size: clamp(25px,3vw,38px) !important; line-height: 1.15 !important; letter-spacing: -.05em !important; }
body:not(.home-page) .section-heading > p { color: #68758c !important; font-size: 12px !important; line-height: 1.75 !important; }
body:not(.home-page) .section-index,
body:not(.home-page) .section-heading > div > span:first-child { color: var(--dsh-blue) !important; }
body:not(.home-page) .system-status,
body:not(.home-page) .eyebrow { border-color: rgba(40,116,245,.16) !important; color: #53627a !important; background: rgba(255,255,255,.8) !important; box-shadow: inset 0 1px rgba(255,255,255,.9) !important; }
body:not(.home-page) .system-status b,
body:not(.home-page) .system-status > span { color: var(--dsh-blue) !important; background-color: var(--dsh-blue) !important; }

/* Editorial cards and controls share the homepage's white / DSH-blue treatment. */
body:not(.home-page) .button-primary,
body:not(.home-page) .button-primary:hover { border-color: var(--dsh-blue) !important; color: #fff !important; background: linear-gradient(110deg,#2874f5,#4165e8) !important; box-shadow: 0 9px 22px rgba(40,116,245,.18) !important; }
body:not(.home-page) .button-secondary,
body:not(.home-page) .button:not(.button-primary) { border-color: #d7e2f2 !important; color: #31537f !important; background: #fff !important; }
body:not(.home-page) .plugin-grid { gap: 14px !important; border: 0 !important; }
body:not(.home-page) .plugin-grid > article,
body:not(.home-page) .plugin-card,
body:not(.home-page) .about-story-card,
body:not(.home-page) .about-product-card,
body:not(.home-page) .candidate-boundary-card,
body:not(.home-page) .standards-principle-grid article,
body:not(.home-page) .process-card,
body:not(.home-page) .deliverable-card,
body:not(.home-page) .info-card,
body:not(.home-page) .faq-index a,
body:not(.home-page) .seo-guide-link-grid a {
  border: 1px solid #e2e8f1 !important; border-radius: 17px !important;
  background: rgba(255,255,255,.94) !important; box-shadow: 0 10px 28px rgba(26,48,86,.045) !important;
}
body:not(.home-page) .standards-hero-signal,
body:not(.home-page) .faq-signal-card,
body:not(.home-page) .about-brand-card,
body:not(.home-page) .article-cover,
body:not(.home-page) .catalog-summary,
body:not(.home-page) .brief-console,
body:not(.home-page) .install-terminal { border-radius: 19px !important; box-shadow: 0 12px 34px rgba(26,48,86,.08) !important; }
body:not(.home-page) .faq-page-list details,
body:not(.home-page) .seo-guide-faq details { border-color: #e2e8f1 !important; border-radius: 12px !important; background: #fff !important; }
body:not(.home-page) .faq-page-list summary i,
body:not(.home-page) .seo-guide-faq summary i { color: var(--dsh-blue) !important; }
body:not(.home-page) .metric-deck { gap: 10px !important; }
body:not(.home-page) .metric-deck article { border-color: #e2e8f1 !important; background: rgba(255,255,255,.92) !important; box-shadow: 0 8px 24px rgba(26,48,86,.04) !important; }
body:not(.home-page) .metric-deck strong,
body:not(.home-page) .metric-deck b { color: var(--dsh-blue) !important; }
body.plugins-page .metric-deck { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
body.plugins-page .metric-deck .metric-source { grid-column: 1 / -1 !important; }
body:not(.home-page) .automation-section { padding-top: 60px !important; }
body:not(.home-page) .automation-section:not(.automation-section-compact) { background: transparent !important; }
body:not(.home-page) .automation-grid article,
body:not(.home-page) .automation-additions,
body:not(.home-page) .automation-updates { border-color: #e2e8f1 !important; }
body:not(.home-page) .automation-grid article { background: #fff !important; }
body:not(.home-page) .automation-additions,
body:not(.home-page) .automation-updates { background: linear-gradient(120deg,#fff,#f1f7ff) !important; }

/* The community is a real destination with a compact editorial hierarchy. */
body.community-page main { padding-bottom: 54px !important; }
body.community-page .community-hero { position: relative !important; display: block !important; padding-top: clamp(54px,7vw,86px) !important; padding-bottom: 34px !important; border-bottom: 1px solid #dce4ef !important; }
body.community-page .community-hero .system-status { width: max-content !important; margin-bottom: 22px !important; }
body.community-page .community-hero h1 { max-width: 1000px !important; margin: 0 !important; color: var(--dsh-ink) !important; font-size: clamp(48px,7vw,88px) !important; line-height: .99 !important; letter-spacing: -.075em !important; }
body.community-page .community-hero h1 em { color: var(--dsh-blue) !important; font-style: normal !important; }
body.community-page .community-hero > p { max-width: 650px !important; margin: 22px 0 0 !important; color: #58677e !important; font-size: clamp(15px,1.5vw,18px) !important; line-height: 1.75 !important; }
body.community-page .community-hero-actions { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin-top: 23px !important; }
body.community-page .community-hero-actions .button { min-height: 44px !important; padding: 0 17px !important; border-radius: 10px !important; font-size: 12px !important; }
body.community-page .community-paths { padding-top: 38px !important; }
body.community-page .community-paths .section-heading { align-items: end !important; }
body.community-page .community-paths .section-heading h2,
body.community-page .community-flow .section-heading h2 { font-size: clamp(28px,3.5vw,44px) !important; }
body.community-page .community-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 14px !important; }
body.community-page .community-card { min-height: 0 !important; padding: 22px !important; border: 1px solid #e0e7f0 !important; border-radius: 16px !important; background: rgba(255,255,255,.95) !important; box-shadow: 0 10px 28px rgba(26,48,86,.045) !important; }
body.community-page .community-card-primary { border-color: rgba(40,116,245,.26) !important; background: linear-gradient(145deg,#fff,#f2f7ff) !important; }
body.community-page .community-card > span { display: inline-grid !important; place-items: center !important; width: 34px !important; height: 34px !important; border-radius: 10px !important; color: var(--dsh-blue) !important; background: #edf4ff !important; font-size: 18px !important; }
body.community-page .community-card h3 { margin: 21px 0 8px !important; color: #1d2b43 !important; font-size: 19px !important; letter-spacing: -.035em !important; }
body.community-page .community-card p { min-height: 72px !important; margin: 0 0 17px !important; color: #617089 !important; font-size: 13px !important; line-height: 1.75 !important; }
body.community-page .community-card a { color: var(--dsh-blue) !important; font-size: 12px !important; font-weight: 730 !important; text-decoration: none !important; }
body.community-page .community-card a:hover { text-decoration: underline !important; text-underline-offset: 4px !important; }
body.community-page .community-flow { padding-top: 48px !important; }
body.community-page .community-flow-list { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
body.community-page .community-flow-list li { display: grid !important; align-content: start !important; gap: 19px !important; min-height: 118px !important; padding: 17px !important; border: 1px solid #e0e7f0 !important; border-radius: 13px !important; background: rgba(255,255,255,.8) !important; }
body.community-page .community-flow-list li b { color: var(--dsh-blue) !important; font: 760 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace !important; letter-spacing: .08em !important; }
body.community-page .community-flow-list li span { color: #35445c !important; font-size: 13px !important; font-weight: 650 !important; line-height: 1.6 !important; }
body.community-page .community-boundary { margin: 14px 0 17px !important; padding: 14px 16px !important; border-left: 3px solid var(--dsh-blue) !important; border-radius: 0 10px 10px 0 !important; color: #58677e !important; background: #edf4fc !important; font-size: 12px !important; line-height: 1.7 !important; }

/* Replace the empty legacy footer columns with the same useful page links. */
body:not(.home-page) .site-footer { width: 100% !important; margin: 0 !important; padding: 24px max(32px,calc((100vw - 1280px) / 2)) 16px !important; border: 0 !important; border-top: 1px solid rgba(223,233,255,.13) !important; border-radius: 0 !important; background: linear-gradient(120deg,#0c1436,#131f42 66%,#171946) !important; box-shadow: none !important; }
body:not(.home-page) .footer-main { display: grid !important; grid-template-columns: auto minmax(160px,.7fr) minmax(350px,1.2fr) auto !important; align-items: start !important; gap: 12px 24px !important; }
body:not(.home-page) .footer-main > .brand-footer { grid-column: 1 !important; grid-row: 1 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
body:not(.home-page) .footer-main > p:first-of-type { grid-column: 2 !important; grid-row: 1 !important; max-width: 250px !important; margin: 5px 0 0 !important; color: #c1cce2 !important; font-size: 12px !important; line-height: 1.65 !important; }
body:not(.home-page) .footer-nav { grid-column: 3 !important; grid-row: 1 / span 2 !important; display: grid !important; grid-template-columns: minmax(0,1.25fr) minmax(0,.9fr) !important; gap: 24px !important; padding-left: 24px !important; border-left: 1px solid rgba(223,233,255,.16) !important; }
body:not(.home-page) .footer-nav-group { display: grid !important; align-content: start !important; justify-items: start !important; gap: 7px !important; min-width: 0 !important; }
body:not(.home-page) .footer-nav-group strong { margin-bottom: 2px !important; color: #8ddcf0 !important; font-size: 10px !important; letter-spacing: .04em !important; }
body:not(.home-page) .footer-nav-group a { color: #d6e0f2 !important; font-size: 11px !important; line-height: 1.4 !important; text-decoration: none !important; }
body:not(.home-page) .footer-nav-group a:hover { color: #fff !important; text-decoration: underline !important; text-underline-offset: 3px !important; }
body:not(.home-page) .footer-top { grid-column: 4 !important; grid-row: 1 !important; margin-top: 5px !important; color: #77aaff !important; font-size: 10px !important; }
body:not(.home-page) .footer-bottom { display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 12px 24px !important; margin-top: 18px !important; padding-top: 13px !important; border-top-color: rgba(223,233,255,.16) !important; color: #b1bfd8 !important; font-size: 9px !important; }
body:not(.home-page) .footer-bottom a { color: #d4def2 !important; }
body:not(.home-page) .footer-links { display: none !important; }
body.repair-page .footer-main { grid-template-columns: auto minmax(160px,.7fr) minmax(350px,1.2fr) auto !important; }

@media (max-width: 1080px) {
  body:not(.home-page) { --shell: min(100% - 48px,940px); }
  body:not(.home-page) .site-header { grid-template-columns: auto minmax(0,1fr) auto !important; gap: 12px !important; padding-inline: 24px !important; }
  body:not(.home-page) .site-nav { grid-column: 2 !important; grid-row: 1 !important; justify-self: center !important; gap: 0 !important; overflow-x: auto !important; border-top: 0 !important; }
  body:not(.home-page) .site-nav a { padding-inline: 5px !important; font-size: 10px !important; }
  body:not(.home-page) .header-tools { grid-column: 3 !important; grid-row: 1 !important; }
  body:not(.home-page) .footer-main { grid-template-columns: auto minmax(0,1fr) auto !important; }
  body:not(.home-page) .footer-nav { grid-column: 1 / -1 !important; grid-row: 2 !important; }
  body:not(.home-page) .footer-top { grid-column: 3 !important; grid-row: 1 !important; }
  body:not(.home-page) .catalog-hero,
  body:not(.home-page) .build-hero,
  body:not(.home-page) .about-hero,
  body:not(.home-page) .faq-hero,
  body:not(.home-page) .standards-hero,
  body:not(.home-page) .article-hero,
  body:not(.home-page) .seo-guide-hero { grid-template-columns: minmax(0,1fr) !important; min-height: 0 !important; padding-block: 54px 34px !important; }
  body.plugins-page .metric-deck { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
}
@media (max-width: 760px) {
  body:not(.home-page) { --shell: calc(100% - 32px); }
  body:not(.home-page) .site-header { grid-template-columns: minmax(0,1fr) auto !important; grid-template-rows: 58px 38px !important; gap: 0 10px !important; min-height: 96px !important; padding: 0 16px 2px !important; }
  body:not(.home-page) .site-header .brand-wordmark-frame { width: 178px !important; height: 44px !important; }
  body:not(.home-page) .site-header .brand-wordmark { left: -1px !important; width: 180px !important; }
  body:not(.home-page) .site-nav { grid-column: 1 / -1 !important; grid-row: 2 !important; justify-self: stretch !important; gap: 3px !important; overflow-x: auto !important; scrollbar-width: none !important; }
  body:not(.home-page) .site-nav::-webkit-scrollbar { display: none !important; }
  body:not(.home-page) .site-nav a { padding: 8px 6px !important; font-size: 10px !important; }
  body:not(.home-page) .site-nav a::after { display: none !important; }
  body:not(.home-page) .catalog-hero,
  body:not(.home-page) .build-hero,
  body:not(.home-page) .about-hero,
  body:not(.home-page) .faq-hero,
  body:not(.home-page) .standards-hero,
  body:not(.home-page) .article-hero,
  body:not(.home-page) .seo-guide-hero,
  body:not(.home-page) .info-hero { padding: 40px 0 28px !important; }
  body:not(.home-page) .catalog-hero h1,
  body:not(.home-page) .build-hero h1,
  body:not(.home-page) .about-hero h1,
  body:not(.home-page) .faq-hero h1,
  body:not(.home-page) .standards-hero h1,
  body:not(.home-page) .article-hero h1,
  body:not(.home-page) .seo-guide-hero h1,
  body:not(.home-page) .info-hero h1 { font-size: clamp(34px,10vw,54px) !important; line-height: 1.06 !important; }
  body.plugins-page .metric-deck { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body.plugins-page .metric-deck article { min-height: 92px !important; padding: 14px !important; }
  body.plugins-page .metric-deck .metric-source { grid-column: 1 / -1 !important; }
  body.community-page .community-hero { padding-top: 42px !important; }
  body.community-page .community-hero h1 { font-size: clamp(38px,11vw,58px) !important; }
  body.community-page .community-grid,
  body.community-page .community-flow-list { grid-template-columns: minmax(0,1fr) !important; }
  body.community-page .community-card p { min-height: 0 !important; }
  body.community-page .community-flow-list li { min-height: 0 !important; grid-template-columns: 34px minmax(0,1fr) !important; align-items: center !important; gap: 10px !important; }
  body:not(.home-page) .section-heading { grid-template-columns: minmax(0,1fr) !important; gap: 10px !important; margin-bottom: 16px !important; }
  body:not(.home-page) .section-heading h2,
  body:not(.home-page) .catalog-heading h2 { font-size: 27px !important; }
  body:not(.home-page) .plugin-grid,
  body:not(.home-page) .about-story-grid,
  body:not(.home-page) .about-product-grid,
  body:not(.home-page) .standards-principle-grid,
  body:not(.home-page) .candidate-boundary-grid,
  body:not(.home-page) .process-grid,
  body:not(.home-page) .deliverables-grid,
  body:not(.home-page) .faq-index,
  body:not(.home-page) .seo-guide-step-grid { grid-template-columns: minmax(0,1fr) !important; }
  body:not(.home-page) .site-footer { padding: 22px 16px 16px !important; }
  body:not(.home-page) .footer-main { grid-template-columns: minmax(0,1fr) !important; gap: 12px !important; }
  body:not(.home-page) .footer-main > .brand-footer { grid-column: 1 !important; grid-row: 1 !important; }
  body:not(.home-page) .footer-main > p:first-of-type { grid-column: 1 !important; grid-row: 2 !important; }
  body:not(.home-page) .footer-nav { grid-column: 1 !important; grid-row: 3 !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 14px !important; padding: 14px 0 0 !important; border-left: 0 !important; border-top: 1px solid rgba(223,233,255,.16) !important; }
  body:not(.home-page) .footer-nav-group a { font-size: 12px !important; }
  body:not(.home-page) .footer-top { grid-column: 1 !important; grid-row: 4 !important; justify-self: start !important; }
  body:not(.home-page) .footer-bottom { grid-template-columns: minmax(0,1fr) !important; gap: 8px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body:not(.home-page) *, body:not(.home-page) *::before, body:not(.home-page) *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}