/* lander-frame-fit.css — framed landers only (html.atb-framed; see lander-frame-fit.js).
   A 100vh hero inside a 1000px exchange frame is 1000px of hero before anything else:
   drop those minimums, and cap the headline so it fits the first screen. */
html.atb-framed .opp-shell .min-h-screen,
html.atb-framed .opp-shell .min-h-\[100vh\],
html.atb-framed .opp-shell .min-h-\[100dvh\],
html.atb-framed .opp-shell .min-h-\[90vh\],
html.atb-framed .opp-shell .min-h-\[80vh\],
html.atb-framed .opp-shell [style*="min-height:100vh"],
html.atb-framed .opp-shell [style*="min-height: 100vh"],
html.atb-framed .opp-shell [style*="min-height:100dvh"],
html.atb-framed .opp-shell [style*="min-height: 100dvh"] { min-height: 0 !important; }
html.atb-framed .opp-shell h1 {
  font-size: clamp(28px, 4.4vw, 54px) !important;
  line-height: 1.06 !important;
}
html.atb-framed .atb-frame-cta { display: flex; justify-content: center; margin: 14px 0 6px; position: relative; z-index: 2; }
html.atb-framed .atb-frame-cta--top { padding: 14px 16px 0; margin: 0; }
html.atb-framed .atb-frame-cta > a { width: auto !important; max-width: 100%; }

/* QUIZ in a frame (Sheridan 2026-09-27: "quiz make it viewable without scroll"):
   question and its answers fit the first screen of a ~1000px exchange frame. */
html.atb-framed .qz-wrap { padding-top: 10px !important; padding-bottom: 24px !important; }
html.atb-framed .qz-head { margin-bottom: 12px !important; }
html.atb-framed .qz-eyebrow { margin-bottom: 8px !important; padding: 3px 10px !important; }
html.atb-framed .qz-head h1 { font-size: clamp(24px, 3.2vw, 32px) !important; }
html.atb-framed .qz-head p { margin-top: 6px !important; font-size: 14px !important; line-height: 1.4 !important; }
html.atb-framed .qz-meter { margin-bottom: 10px !important; }
html.atb-framed .qz-q { font-size: clamp(19px, 2.1vw, 23px) !important; }
html.atb-framed .qz-help { margin-top: 4px !important; font-size: 13px !important; }
html.atb-framed .qz-opts { margin-top: 12px !important; gap: 7px !important; }
html.atb-framed label.qz-opt { min-height: 44px !important; padding: 9px 14px !important; }