/* Follow-up pages adopt their home's design language (spec: web/agent_context/spec-2026-10-07-followup-design-language.md).
   Scoped html[data-followup="biz"|"ind"], <main> only (header, menus, footer untouched), desktop only like the homes'
   skins. Tokens from the designer's specs: "otabek biz changes/digidoe-business-page-spec.md" §0 (business) and
   "DigiDoe-Individual-page-spec 29.09 update.md" + sept-ind2909.css .dz-btn-* (individuals). The two routes share
   one token set today; the selectors stay separate so they can diverge. The business home's brown hero is NOT
   carried over (Yuval 2026-10-07: unique to the business home). */
@media (min-width: 940px) {
  html[data-followup] {
    --fu-ink: #121212; --fu-ink-hover: #2B2926; --fu-body: #5C5750; --fu-muted: #555049;
    --fu-sand: #F4F3F0; --fu-sand-hover: #ECEAE5; --fu-link: #B75F00; --fu-border: #D6D2C7;
  }

  /* type */
  html[data-followup] main h1 { font-size: 52px !important; line-height: 63px !important; font-weight: 500 !important; letter-spacing: normal !important; }
  html[data-followup] main section:not(.alt-hero) h2 { font-size: 44px !important; line-height: 53px !important; font-weight: 500 !important; letter-spacing: normal !important; color: var(--fu-ink) !important; max-width: 24ch; }
  html[data-followup] main .alt-band h2 { font-size: 44px !important; line-height: 53px !important; font-weight: 500 !important; }
  html[data-followup] main h3 { font-size: 20px !important; line-height: 24px !important; font-weight: 500 !important; letter-spacing: normal !important; color: var(--fu-ink) !important; }
  html[data-followup] main section:not(.alt-hero) p,
  html[data-followup] main section:not(.alt-hero) .muted,
  html[data-followup] main section:not(.alt-hero) .lead { font-size: 16px !important; line-height: 24px !important; color: var(--fu-body) !important; }
  html[data-followup] main .alt-hero .sub, html[data-followup] main .alt-hero .lead { font-size: 16px !important; line-height: 24px !important; }

  /* rhythm */
  html[data-followup] main > section.alt-gap { padding-top: 120px !important; padding-bottom: 0 !important; }
  html[data-followup] main > section.alt-gap:last-child { padding-bottom: 120px !important; }

  /* buttons, light ground: black primary, sand secondary (spec 0.4 .btn-dark / .btn-light) */
  html[data-followup][data-followup] main .btn { min-height: 47px !important; height: 47px !important; padding: 0 24px !important; border-radius: 100px !important; font-size: 16px !important; line-height: 19px !important; letter-spacing: normal !important; box-shadow: none !important; transition: background-color .15s, color .15s !important; }
  html[data-followup] main section:not(.alt-hero) .btn-primary,
  html[data-followup] main section:not(.alt-hero) .btn-ink { background: var(--fu-ink) !important; border: 0 !important; color: #fff !important; font-weight: 700 !important; }
  html[data-followup] main section:not(.alt-hero) .btn-primary:hover,
  html[data-followup] main section:not(.alt-hero) .btn-ink:hover { background: var(--fu-ink-hover) !important; }
  html[data-followup] main section:not(.alt-hero) .btn-outline,
  html[data-followup] main section:not(.alt-hero) .btn-ghost,
  html[data-followup] main section:not(.alt-hero) .btn-d { background: var(--fu-sand) !important; border: 0 !important; color: var(--fu-muted) !important; font-weight: 500 !important; }
  html[data-followup] main section:not(.alt-hero) .btn-outline:hover,
  html[data-followup] main section:not(.alt-hero) .btn-ghost:hover,
  html[data-followup] main section:not(.alt-hero) .btn-d:hover { background: var(--fu-sand-hover) !important; }

  /* buttons on the dark hero card: the homes' hero pair (white primary, ghost secondary) */
  html[data-followup] main .alt-hero .btn-primary { background: #fff !important; border: 0 !important; color: var(--fu-ink) !important; font-weight: 700 !important; }
  html[data-followup] main .alt-hero .btn-primary:hover { background: var(--fu-sand) !important; }
  html[data-followup] main .alt-hero .btn-d,
  html[data-followup] main .alt-hero .btn-outline { background: rgba(18, 18, 18, .16) !important; border: 0 !important; color: #fff !important; font-weight: 500 !important; }
  html[data-followup] main .alt-hero .btn-d:hover,
  html[data-followup] main .alt-hero .btn-outline:hover { background: rgba(18, 18, 18, .32) !important; }

  /* cards (spec .card-grey) */
  html[data-followup] main .alt-tile { background: var(--fu-sand) !important; border: 0 !important; border-radius: 24px !important; box-shadow: none !important; }
  html[data-followup] main .alt-band { background: var(--fu-sand) !important; border: 0 !important; border-radius: 24px !important; box-shadow: none !important; }

  /* inline links and "Explore ->" links */
  html[data-followup] main section:not(.alt-hero) a:not(.btn),
  html[data-followup] main .seg-row-cta,
  html[data-followup] main .alt-foot a { color: var(--fu-link) !important; text-decoration: none; }
  html[data-followup] main section:not(.alt-hero) a:not(.btn):hover { text-decoration: underline; }
}

/* Header CTAs on follow-up pages (Yuval 2026-10-08: "i still see orange get started cta buttons"). The homes and the
   partner pages already run black primary + sand "Log in" (dd-nav.css 108-116, Otabek 05.10); follow-ups fell back to
   the global orange at dd-nav.css:73. Same block, keyed on data-followup. Cookie-bar Accept follows the same primary. */
html[data-followup]:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-primary{background:#121212!important;border-color:#121212!important;color:#fff!important;font-weight:700!important;height:47px!important;min-height:47px!important;padding:0 24px!important;display:inline-grid!important;place-items:center!important;line-height:normal!important}
html[data-followup]:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-primary:hover{background:#2b2b2b!important;border-color:#2b2b2b!important}
html[data-followup]:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-outline{background:#F4F3F0!important;border-color:#F4F3F0!important;color:#555049!important;font-weight:500!important;height:47px!important;min-height:47px!important;padding:0 24px!important;display:inline-grid!important;place-items:center!important;line-height:normal!important}
html[data-followup]:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-outline:hover{background:#121212!important;border-color:#121212!important;color:#fff!important}
html[data-followup] .cookiebar .cb-accept{background:#121212!important;color:#fff!important}