/* Keep tutorial focus targets and sample interactions, using the application palette. */
body.notice-page.app-refresh.onboarding-page .onboarding-screens { background: var(--pf-background) !important; }
body.notice-page.app-refresh.onboarding-page .notice-hero { display: flex !important; flex-direction: column-reverse !important; gap: 16px !important; min-height: 0 !important; padding: 0 0 18px !important; background: none !important; border: 0 !important; box-shadow: none !important; }
body.notice-page.app-refresh.onboarding-page .hero-copy { min-height: 0 !important; padding: 0 !important; width: 100% !important; text-align: left !important; }
body.notice-page.app-refresh.onboarding-page .notice-search { margin: 16px 0 0 !important; border-radius: 9px !important; height: 54px !important; min-height: 54px !important; box-shadow: none !important; }
body.notice-page.app-refresh.onboarding-page .hero-metrics { display: flex !important; gap: 18px !important; padding: 0 !important; }
body.notice-page.app-refresh.onboarding-page .notice-stat-card { display: block !important; padding: 8px !important; min-height: 0 !important; background: #fff !important; border: 1px solid var(--pf-line) !important; border-radius: var(--pf-radius-control) !important; box-shadow: none !important; }
body.notice-page.app-refresh.onboarding-page .stat-icon { display: none !important; }
body.notice-page.app-refresh.onboarding-page .stat-copy strong { font-size: 18px !important; color: var(--pf-ink) !important; }
body.notice-page.app-refresh.onboarding-page .stat-copy > span { font-size: 13px !important; }
body.notice-page.app-refresh.onboarding-page .notice-category-rail { background: none !important; border: 0 !important; box-shadow: none !important; }
body.notice-page.app-refresh.onboarding-page .category-tab { min-height: 44px !important; border-radius: var(--pf-radius-control) !important; }
body.notice-page.app-refresh.onboarding-page :is(.filter-card, .notice-card, .onboarding-reminder-note) { background: #fff !important; border: 1px solid var(--pf-line) !important; box-shadow: none !important; border-radius: 10px !important; }
body.notice-page.app-refresh.onboarding-page .onboarding-controller { border: 1px solid #adc2ec !important; background: #fff !important; border-radius: var(--pf-radius-card) !important; box-shadow: 0 12px 44px #17253d26 !important; }
body.notice-page.app-refresh.onboarding-page .onboarding-controller h2 { font-size: 19px !important; color: var(--pf-ink) !important; }
body.notice-page.app-refresh.onboarding-page .onboarding-controller p { font-size: 14px !important; color: var(--pf-muted) !important; font-weight: 400 !important; line-height: 1.75 !important; }
body.notice-page.app-refresh.onboarding-page .onboarding-controller-actions > * { min-height: 44px !important; border-radius: var(--pf-radius-control) !important; font-size: 14px !important; }
@media (max-width: 980px) {
  body.notice-page.app-refresh.onboarding-page .notice-header { flex-wrap: wrap !important; height: auto !important; padding-top: 8px !important; }
  body.notice-page.app-refresh.onboarding-page .notice-nav { display: flex !important; order: 3 !important; width: 100% !important; flex: 1 1 100% !important; justify-content: flex-start !important; overflow-x: auto; gap: 20px !important; min-height: 44px !important; }
  body.notice-page.app-refresh.onboarding-page .notice-nav a { flex: 0 0 auto; }
  body.notice-page.app-refresh.onboarding-page .hero-metrics { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  body.notice-page.app-refresh.onboarding-page .notice-category-rail { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; }
  body.notice-page.app-refresh.onboarding-page .category-tab { flex: 0 0 auto !important; width: auto !important; padding: 10px 14px !important; }
  body.notice-page.app-refresh.onboarding-page .category-tab-icon { display: none !important; }
}