/* Docstara shared visual system, 2026-10-22.
   Homepage-derived tokens. Important declarations in this named layer take
   precedence over legacy unlayered overrides, regardless of selector depth.
   Screen only: preserve printable checklist and document styles. */
@layer docstara-system {
 @media screen {
  :root {
   --ds-title:clamp(36px,4.8vw,64px);
   --ds-section:clamp(28px,3.6vw,46px);
   --ds-content:clamp(26px,2.5vw,32px);
   --ds-card:22px;
   --ds-body:16px;
   --ds-small:14px;
   --ds-label:12px;
  }
  body:not(.homepage-polished) {--ds-title:clamp(34px,4vw,48px);}
  body,button,input,textarea,select {font-family:Inter,Arial,sans-serif!important;}
  main h1 {font-size:var(--ds-title)!important;line-height:1.1!important;font-weight:600!important;letter-spacing:-.04em!important;margin-top:0!important;margin-bottom:20px!important;text-transform:none!important;overflow-wrap:break-word;}
  main h2 {font-size:var(--ds-content)!important;line-height:1.2!important;font-weight:600!important;letter-spacing:-.03em!important;margin-bottom:16px!important;text-transform:none!important;}
  main h3 {font-size:var(--ds-card)!important;line-height:1.3!important;font-weight:600!important;letter-spacing:-.02em!important;margin-bottom:12px!important;text-transform:none!important;}
  main h4 {font-size:18px!important;line-height:1.4!important;font-weight:600!important;letter-spacing:-.01em!important;}
  main :is(h1,h2,h3,h4) {font-family:Inter,Arial,sans-serif!important;color:#f4f5f7!important;}
  main :is(p,li) {font-size:var(--ds-body)!important;line-height:1.7!important;letter-spacing:normal!important;}
  main p {color:#b8bbc5!important;}
  main :is(.hero-sub,.ss-lead,.bo-lead,.customer-intro,.leadline,.blog-answer) {font-size:18px!important;line-height:1.65!important;max-width:70ch;}
  main :is(.premium-heading,.category-story-heading,.product-journey-heading,.homepage-team,.premium-final,.premium-video,.systems-platform-grid,.system-copy-grid,.system-review-grid) h2 {font-size:var(--ds-section)!important;line-height:1.15!important;}
  main :is(.blog-card,.blog-cta,.resource-tool,.docstara-preparer,.dw-beta-start,.bo-steps,.bo-feedback,.confirmation-next,.beta-guide-card,.form-card,.login-card,.ss-join) h2 {font-size:24px!important;line-height:1.3!important;}
  main :is(.ss-card,.modern-system-row,.dw-guide,.dw-links,.blog-card,.category-story-card,.premium-flow) h3 {font-size:var(--ds-card)!important;line-height:1.3!important;}
  main :is(.auth-shell,.login-card) h1, main.auth-shell h1 {font-size:36px!important;line-height:1.15!important;}
  main :is(.section-kicker,.section-kicker-light,.hero-eyebrow,.member-eyebrow,.blog-kicker,.docstara-preparer-kicker,.product-preview-kicker) {font-size:var(--ds-label)!important;font-weight:600!important;line-height:1.5!important;letter-spacing:.1em!important;color:#9b9da6!important;text-transform:uppercase!important;margin-bottom:12px!important;}
  main :is(small,.blog-meta,.blog-source p,.blog-source li,.system-meta-line,.account-note,.docstara-preparer-note,.docstara-prepared-status,.resource-status,.form-status,.status,.preview-footnote,.dw-beta-deadline,.bo-support,.checkout-helper,.system-copy-hint,.system-help-note,.ss-note,.listing-example-caption,.listing-example-review) {font-size:var(--ds-small)!important;line-height:1.6!important;letter-spacing:normal!important;}
  main :is(label,legend,summary) {font-size:var(--ds-body)!important;line-height:1.5!important;}
  main :is(input:not([type=checkbox]):not([type=radio]),textarea,select) {font-size:var(--ds-body)!important;line-height:1.5!important;font-weight:400!important;border-radius:7px!important;}
  main :is(th,td) {font-size:var(--ds-body)!important;line-height:1.6!important;}
  main :is(.docstara-prepare-btn,.docstara-copy-ai,.resource-copy) {font-size:14px!important;line-height:20px!important;font-weight:600!important;min-height:44px!important;padding:11px 20px!important;border-radius:7px!important;}
  main :is(.section,.premium-product-section,.premium-flow-section,.premium-systems-section,.enterprise-readiness) {padding-top:80px!important;padding-bottom:80px!important;}
  main :is(.ss-card,.blog-card,.dw-guide,.resource-tool,.docstara-preparer,.category-story-card,.beta-guide-card,.system-detail-panel,.system-review-card) {border-radius:12px!important;background:#13141a!important;border-color:rgba(230,233,255,.14)!important;}
  main :is(.system-document,.legal-content,.blog-article) :is(h2,h3) {margin-top:32px!important;padding-top:0!important;}
  main :is(.system-document,.legal-content,.blog-article) p {margin-bottom:16px!important;}
  main :is(.system-document,.legal-content,.blog-article) :is(h2,h3):first-child {margin-top:0!important;}
  main .docstara-source-details {border-color:rgba(230,233,255,.14)!important;}
  main .docstara-source-details summary {background:#13141a!important;color:#f4f5f7!important;}
  @media(max-width:760px) {
   :root {--ds-title:clamp(34px,9vw,46px);--ds-section:32px;--ds-content:28px;--ds-card:20px;}
   main :is(.hero-sub,.ss-lead,.bo-lead,.customer-intro,.leadline,.blog-answer) {font-size:16px!important;}
   main :is(.section,.premium-product-section,.premium-flow-section,.premium-systems-section,.enterprise-readiness) {padding-top:48px!important;padding-bottom:48px!important;}
   main :is(.auth-shell,.login-card) h1, main.auth-shell h1 {font-size:32px!important;}
   main :is(.ss-card,.blog-card,.dw-guide,.resource-tool,.docstara-preparer,.category-story-card) {padding:20px!important;}
  }
 }
}