/* Frame for the Sprint content inside the WordPress theme (hand-written, not generated).
   Loaded after the generated page styles, so it wins on equal specificity. */

#berias-sprint { display: block; overflow-x: clip; }
#berias-sprint > .berias-sprint { position: relative; }

/* AI readiness: the access form was a full-screen overlay (fixed, z-index 9999) that
   would cover the site header. Inside the site it sits below the header. */
.berias-sprint #lead-gate {
    position: relative;
    top: auto; right: auto; bottom: auto; left: auto;
    z-index: auto;
    min-height: 0;
    overflow: visible;
}

/* The site's contact section between two Sprint blocks keeps its own spacing. */
#berias-sprint > .get-in-touch { margin-top: 0; }

/* Mobile: the Calendly box had min-width 320px (inline style) plus card padding, which
   made the original page 416px wide on phones. Inside the site it would be clipped. */
@media (max-width: 640px) {
    .berias-sprint .calendly-inline-widget { min-width: 0 !important; width: 100% !important; }
    .berias-sprint .cta-section * { min-width: 0; }
    /* German timeline: the text column would not shrink below its content width. */
    .berias-sprint .timeline-item > * { min-width: 0; }
    .berias-sprint .timeline-content { overflow-wrap: anywhere; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   Site typography, colour & spacing (Tobias, 2026-10-21/22: "same font, text size,
   colour and spacing as the rest of the website"). Values measured on /micro-consulting/.
   The #berias-sprint prefix outranks every generated Sprint rule.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Theme colours through the Sprint's own variables: standard text in the CI blue #35507C
   (was grey #666 / near-black #1a1a1a); dark sections keep their white text.
   The spacing scale drives most card paddings and gaps (was 32 / 64 / 96 px). */
#berias-sprint .berias-sprint {
    --color-primary: #12304C; --navy: #12304C;
    --color-secondary: #A2C617; --green: #A2C617; --lime: #A2C617;
    --color-text-dark: #35507C; --color-text-light: #35507C; --text-light: #35507C;
    --font-heading: 'Ysabeau', sans-serif; --font-body: 'Public Sans', sans-serif;
    --spacing-md: 1.5rem; --spacing-lg: 2.25rem; --spacing-xl: 3rem;
    font-family: 'Public Sans', sans-serif;
    color: #35507C;
}

/* Headings: theme sizes (H1 35/45, H2 36/48, H3 24/28; Ysabeau 800/700). */
#berias-sprint .berias-sprint h1 { font-family: 'Ysabeau', sans-serif; font-size: 35px; line-height: 45px; font-weight: 800; }
#berias-sprint .berias-sprint h2 { font-family: 'Ysabeau', sans-serif; font-size: 36px; line-height: 48px; font-weight: 800; margin-bottom: 12px; }
#berias-sprint .berias-sprint h3 { font-family: 'Ysabeau', sans-serif; font-size: 24px; line-height: 28px; font-weight: 700; }

/* Text: section intros 17/26 (theme .lg-main-container p), card text 15/24 and
   card titles 20/27 (theme .content-info / .build-item), pricing titles 27px (theme .offer-item h3). */
#berias-sprint .berias-sprint p,
#berias-sprint .berias-sprint .section-subtitle { font-size: 17px; line-height: 26px; }
#berias-sprint .berias-sprint [class*="-card"] p,
#berias-sprint .berias-sprint [class*="-card"] li,
#berias-sprint .berias-sprint .timeline-content p,
#berias-sprint .berias-sprint .faq-answer p,
#berias-sprint .berias-sprint .recognition-item p,
#berias-sprint .berias-sprint .research-note p,
#berias-sprint .berias-sprint .pricing-feature span,
#berias-sprint .berias-sprint .pricing-target,
#berias-sprint .berias-sprint .pricing-note p,
#berias-sprint .berias-sprint li:not([class]) { font-size: 15px; line-height: 24px; }
#berias-sprint .berias-sprint [class*="-card"] h3,
#berias-sprint .berias-sprint .timeline-content h3,
#berias-sprint .berias-sprint .faq-question h3 { font-size: 20px; line-height: 27px; }
#berias-sprint .berias-sprint .pricing-header h3 { font-size: 27px; line-height: 32px; }

/* Spacing and width: theme sections (50–80px) and .lg-main-container (1240px, 20px gutter).
   Heading block → content ≈ 40px (Sprint had 80px + 16px). */
#berias-sprint .berias-sprint section { padding-top: 56px; padding-bottom: 56px; }
#berias-sprint .berias-sprint .container { max-width: 1240px; padding-left: 20px; padding-right: 20px; }
#berias-sprint .berias-sprint .section-header { margin-bottom: 36px; }
#berias-sprint .berias-sprint .section-header p:last-child { margin-bottom: 0; }

/* Key figures right below the banner (the call note moved / was removed, 2026-10-22). */
#berias-sprint .berias-sprint .hero-followup { padding-top: 32px; padding-bottom: 32px; background: #f7f8fa; }
#berias-sprint .berias-sprint .hero-followup .hero-stats { margin-top: 0; justify-content: center; gap: 24px; }
#berias-sprint .berias-sprint .hero-followup .stat { padding: 16px 20px; }
#berias-sprint .berias-sprint .stat-number { font-size: 31px; line-height: 37px; }
#berias-sprint .berias-sprint .stat-label { font-size: 14px; line-height: 20px; }

/* "The leaks show up before lunch": smaller pictograms, tighter cards. */
#berias-sprint .berias-sprint .problem-grid { margin-bottom: 40px; gap: 24px; }
#berias-sprint .berias-sprint .problem-card { padding: 28px; }
#berias-sprint .berias-sprint .problem-icon { width: 40px; height: 40px; margin-bottom: 16px; }
#berias-sprint .berias-sprint .problem-cost { padding: 12px 16px; margin-bottom: 0; }
#berias-sprint .berias-sprint .research-note { padding: 28px 36px; }

/* Client quotes: text size like the rest of the site. */
#berias-sprint .berias-sprint .testimonial-card { padding: 32px; }
#berias-sprint .berias-sprint .testimonial-card blockquote { font-size: 18px; line-height: 28px; font-weight: 500; margin-bottom: 16px; padding-top: 16px; }

/* Solution: deliverables box and the two audience boxes. */
#berias-sprint .berias-sprint .solution-intro { margin-bottom: 40px; }
#berias-sprint .berias-sprint .deliverable-box { padding: 36px 40px; }
#berias-sprint .berias-sprint .audience-grid,
#berias-sprint .berias-sprint .resource-grid { gap: 24px; }
#berias-sprint .berias-sprint .audience-card,
#berias-sprint .berias-sprint .resource-card { padding: 28px 32px; }
#berias-sprint .berias-sprint .audience-card p,
#berias-sprint .berias-sprint .resource-card p { margin-bottom: 16px; }
#berias-sprint .berias-sprint [class*="-card"] > p:last-child { margin-bottom: 0; }

/* Pricing: price like the Micro-Consulting cards (Public Sans 31px bold, green), cards 20–32px padding. */
#berias-sprint .berias-sprint .guarantee-section { padding: 28px 36px; margin-bottom: 36px; }
#berias-sprint .berias-sprint .pricing-grid { gap: 24px; }
#berias-sprint .berias-sprint .pricing-card { padding: 32px 28px; }
#berias-sprint .berias-sprint .pricing-header { padding-bottom: 20px; margin-bottom: 20px; }
#berias-sprint .berias-sprint .pricing-price {
    font-family: 'Public Sans', sans-serif; font-size: 31px; line-height: 37px; font-weight: 700;
    color: #A2C617; margin-bottom: 8px;
}
#berias-sprint .berias-sprint .pricing-feature { margin-bottom: 10px; }
#berias-sprint .berias-sprint .pricing-note { padding: 20px 28px; margin-top: 32px; }

/* "What happens in the 30 days": closer weeks, smaller markers and boxes. */
#berias-sprint .berias-sprint .timeline-item { margin-bottom: 20px; }
#berias-sprint .berias-sprint .timeline-marker { width: 64px; height: 64px; }
#berias-sprint .berias-sprint .timeline-content { padding: 22px 28px; min-height: 0; }   /* was a fixed 300px */
#berias-sprint .berias-sprint .timeline-content p { margin-bottom: 8px; }
#berias-sprint .berias-sprint .timeline-content > :last-child { margin-bottom: 0; }

/* FAQ */
#berias-sprint .berias-sprint .faq-item { margin-bottom: 12px; }
#berias-sprint .berias-sprint .faq-question { padding: 18px 24px; }
#berias-sprint .berias-sprint .faq-answer { padding-left: 24px; padding-right: 24px; }

/* Booking block and recognition */
#berias-sprint .berias-sprint .cta-calendly { padding: 24px; }
#berias-sprint .berias-sprint .cta-calendly h3 { margin-bottom: 20px; }
#berias-sprint .berias-sprint .recognition-item { padding: 24px; }

/* App pages: the banner now carries title and intro — hide the duplicates
   (kept in the markup because the assessment scripts address elements in them). */
#berias-sprint .berias-sprint #main-app > section.hero,
#berias-sprint .berias-sprint #main-content > section.hero { display: none; }
#berias-sprint .berias-sprint .lead-gate { min-height: 0; }
#berias-sprint .berias-sprint .lead-grid > div:first-child { display: none; }
#berias-sprint .berias-sprint .lead-grid { grid-template-columns: minmax(0, 640px); justify-content: center; }
#berias-sprint .berias-sprint .gate-left > h1,
#berias-sprint .berias-sprint .gate-left > p { display: none; }
/* Form boxes: a box heading, not a page heading (was 36px). */
#berias-sprint .berias-sprint .form-card h2,
#berias-sprint .berias-sprint .gate-card h2 { font-size: 24px; line-height: 30px; margin-bottom: 8px; }
#berias-sprint .berias-sprint .form-card,
#berias-sprint .berias-sprint .gate-card { padding: 32px; }

/* Banner (theme markup, outside the Sprint container): green highlight like .global-heading span. */
.berias-sprint-hero .content-box h1 span { color: var(--primary-dark, #A2C617); }
.berias-sprint-hero .content-box .global-light-button { margin-left: 8px; }