@layer buc-reset, buc-components, buc-responsive;
@layer buc-reset {.buc-page { --buc-ink: #142d3f; --buc-text: #334e5f; --buc-muted: #627583; --buc-teal: #0f766e; --buc-teal-dark: #0a544f; --buc-blue: #155c8a; --buc-border: #d8e2e8; --buc-soft: #f4f7f8; --buc-mint: #e6f3f0; --buc-danger: #a43737; background: rgb(255, 255, 255); color: var(--buc-text); font-family: Inter, "Segoe UI", Arial, sans-serif; font-size: 17px; line-height: 1.68; overflow: clip; }
.buc-page *, .buc-page ::before, .buc-page ::after { box-sizing: border-box; }
.buc-page :where(h1, h2, h3, p, ul, ol, figure) { margin-top: 0px; }
.buc-page :where(h1, h2, h3) { color: var(--buc-ink); font-weight: 800; letter-spacing: 0px; overflow-wrap: break-word; }
.buc-page a { color: inherit; }
.buc-page img { display: block; max-width: 100%; }
.buc-container { margin-inline: auto; max-width: 1200px; padding-inline: 28px; width: 100%; }}
@layer buc-components {.buc-breadcrumbs { background: rgb(255, 255, 255); border-bottom: 1px solid var(--buc-border); padding-block: 14px; }
.buc-breadcrumbs ol { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0px; padding: 0px; }
.buc-breadcrumbs li { color: var(--buc-muted); font-size: 0.88rem; }
.buc-breadcrumbs li:not(:last-child)::after { color: rgb(148, 163, 173); content: "/"; margin-left: 8px; }
.buc-breadcrumbs a { color: var(--buc-blue); font-weight: 700; text-decoration: none; }
.buc-hero { background: linear-gradient(rgb(247, 250, 251) 0%, rgb(238, 244, 245) 100%); padding-block: 64px; }
.buc-hero__grid { align-items: center; display: grid; gap: clamp(36px, 5vw, 72px); grid-template-columns: minmax(0px, 1.02fr) minmax(420px, 0.98fr); }
.buc-eyebrow { color: var(--buc-teal-dark); font-size: 0.78rem; font-weight: 800; letter-spacing: 0px; margin-bottom: 10px; text-transform: uppercase; }
.buc-hero h1 { font-size: clamp(2.3rem, 3.8vw, 4rem); line-height: 1.08; margin-bottom: 24px; max-width: 15ch; }
.buc-lead { color: rgb(64, 88, 103); font-size: 1.15rem; line-height: 1.7; margin-bottom: 28px; max-width: 62ch; }
.buc-hero__actions, .buc-cta__actions, .buc-expectation__links { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; }
.buc-button { align-items: center; border: 1px solid transparent; border-radius: 8px; display: inline-flex; font-weight: 800; justify-content: center; min-height: 50px; padding: 12px 20px; text-decoration: none; transition: background-color 160ms, border-color 160ms, color 160ms; }
.buc-button--primary { background: var(--buc-teal); color: rgb(255, 255, 255) !important; }
.buc-button--primary:hover, .buc-button--primary:focus-visible { background: var(--buc-teal-dark); }
.buc-button--secondary { background: rgb(255, 255, 255); border-color: rgb(185, 200, 209); color: var(--buc-ink) !important; }
.buc-button--secondary:hover, .buc-button--secondary:focus-visible { border-color: var(--buc-teal); color: var(--buc-teal-dark) !important; }
.buc-trust-list { display: grid; gap: 8px; list-style: none; margin: 26px 0px 0px; padding: 0px; }
.buc-trust-list li { align-items: flex-start; display: grid; font-size: 0.93rem; gap: 10px; grid-template-columns: 18px 1fr; }
.buc-trust-list li::before { color: var(--buc-teal); content: "✓"; font-weight: 900; }
.buc-hero__media, .buc-diagnostics__media { margin: 0px; }
.buc-hero__media img { aspect-ratio: 3 / 2; border-radius: 8px; box-shadow: rgba(20, 45, 63, 0.14) 0px 24px 60px; height: auto; object-fit: cover; width: 100%; }
.buc-hero__media figcaption { color: var(--buc-muted); font-size: 0.82rem; line-height: 1.45; margin-top: 10px; }
.buc-summary, .buc-content-section, .buc-author, .buc-cta { padding-block: 72px; }
.buc-summary { border-bottom: 1px solid var(--buc-border); }
.buc-section-heading { margin-bottom: 36px; max-width: 760px; }
.buc-section-heading--compact { margin-bottom: 28px; }
.buc-section-heading h2, .buc-prose h2, .buc-author h2, .buc-cta h2 { font-size: clamp(1.9rem, 2.7vw, 3rem); line-height: 1.18; margin-bottom: 18px; }
.buc-section-heading > p:last-child { color: var(--buc-muted); font-size: 1.05rem; }
.buc-summary__grid, .buc-treatment-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.buc-summary__grid article, .buc-treatment-grid article, .buc-status { border: 1px solid var(--buc-border); border-radius: 8px; padding: 26px; }
.buc-summary__grid article > span { color: var(--buc-teal); display: block; font-size: 0.78rem; font-weight: 900; margin-bottom: 18px; }
.buc-summary__grid h3, .buc-treatment-grid h3, .buc-status h3, .buc-note h3, .buc-expectation h3 { font-size: 1.28rem; line-height: 1.3; margin-bottom: 12px; }
.buc-summary__grid p, .buc-treatment-grid p, .buc-status li, .buc-note p, .buc-expectation p { font-size: 0.96rem; margin-bottom: 0px; }
.buc-two-column, .buc-diagnostics, .buc-author__grid, .buc-cta__grid, .buc-faq-layout { align-items: start; display: grid; gap: clamp(36px, 6vw, 80px); grid-template-columns: minmax(0px, 1.2fr) minmax(300px, 0.8fr); }
.buc-prose > p { margin-bottom: 20px; }
.buc-check-list, .buc-steps { display: grid; gap: 12px; margin: 28px 0px 0px; padding-left: 24px; }
.buc-check-list li::marker, .buc-steps li::marker { color: var(--buc-teal); font-weight: 900; }
.buc-note { background: var(--buc-mint); border-left: 4px solid var(--buc-teal); padding: 28px; }
.buc-note__label, .buc-status__label { color: var(--buc-teal-dark); font-weight: 900; text-transform: uppercase; font-size: 0.75rem !important; margin-bottom: 8px !important; }
.buc-content-section--muted { background: var(--buc-soft); }
.buc-symptom-grid { display: grid; gap: 20px; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.buc-status { background: rgb(255, 255, 255); }
.buc-status--calm { border-top: 4px solid var(--buc-teal); }
.buc-status--check { border-top: 4px solid var(--buc-blue); }
.buc-status ul { display: grid; gap: 9px; margin: 0px; padding-left: 22px; }
.buc-urgent { align-items: flex-start; background: rgb(255, 247, 245); border: 1px solid rgb(237, 200, 193); border-radius: 8px; display: grid; gap: 12px; grid-template-columns: auto 1fr; margin-top: 20px; padding: 20px 22px; }
.buc-urgent strong { color: var(--buc-danger); white-space: nowrap; }
.buc-diagnostics { align-items: center; grid-template-columns: minmax(380px, 0.95fr) minmax(0px, 1.05fr); }
.buc-diagnostics__media img { aspect-ratio: 3 / 2; border-radius: 8px; height: auto; object-fit: cover; width: 100%; }
.buc-text-link { display: inline-flex; font-weight: 800; margin-top: 24px; text-decoration-thickness: 2px; text-underline-offset: 4px; color: var(--buc-blue) !important; }
.buc-content-section--blue { background: rgb(18, 60, 89); color: rgb(219, 232, 240); }
.buc-section-heading--light h2, .buc-section-heading--light .buc-eyebrow, .buc-treatment-grid h3, .buc-expectation h3 { color: rgb(255, 255, 255); }
.buc-section-heading--light > p:last-child { color: rgb(199, 215, 226); }
.buc-treatment-grid article { background: rgba(255, 255, 255, 0.07); border-color: rgba(255, 255, 255, 0.2); }
.buc-expectation { border-top: 1px solid rgba(255, 255, 255, 0.24); margin-top: 32px; padding-top: 30px; }
.buc-expectation__links { margin-top: 20px; }
.buc-expectation__links a { color: rgb(255, 255, 255); font-weight: 800; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.buc-faq-layout { grid-template-columns: minmax(260px, 0.65fr) minmax(0px, 1.35fr); }
.buc-section-heading--sticky { position: sticky; top: 120px; }
.buc-faq { border-top: 1px solid var(--buc-border); }
.buc-faq details { border-bottom: 1px solid var(--buc-border); padding-block: 20px; }
.buc-faq summary { color: var(--buc-ink); cursor: pointer; font-size: 1.05rem; font-weight: 800; list-style-position: outside; padding-right: 16px; }
.buc-faq details p { color: var(--buc-muted); margin: 14px 0px 0px; max-width: 72ch; }
.buc-author { background: var(--buc-soft); }
.buc-author__grid { align-items: center; grid-template-columns: 180px minmax(0px, 1fr); }
.buc-author img { aspect-ratio: 1 / 1; border-radius: 8px; height: 180px; object-fit: cover; width: 180px; }
.buc-author p { max-width: 78ch; }
.buc-review-date { color: var(--buc-muted); font-size: 0.88rem; margin-bottom: 0px; }
.buc-cta { background: rgb(231, 241, 243); }
.buc-cta__grid { align-items: center; grid-template-columns: minmax(0px, 1fr) auto; }
.buc-cta p:last-child { margin-bottom: 0px; max-width: 70ch; }}
@layer buc-responsive {@media (max-width: 960px) {.buc-hero__grid, .buc-two-column, .buc-diagnostics, .buc-faq-layout, .buc-cta__grid { grid-template-columns: 1fr; }
.buc-hero__media { grid-row: 1; }
.buc-hero h1 { max-width: 18ch; }
.buc-section-heading--sticky { position: static; }
.buc-cta__actions { justify-content: flex-start; }}
@media (max-width: 760px) {.buc-page { font-size: 16px; }
.buc-container { padding-inline: 18px; }
.buc-hero, .buc-summary, .buc-content-section, .buc-author, .buc-cta { padding-block: 48px; }
.buc-hero { padding-top: 28px; }
.buc-hero__grid { gap: 28px; }
.buc-hero h1 { font-size: 2.25rem; max-width: none; }
.buc-summary__grid, .buc-treatment-grid, .buc-symptom-grid { grid-template-columns: 1fr; }
.buc-hero__actions, .buc-cta__actions { align-items: stretch; flex-direction: column; }
.buc-button { width: 100%; }
.buc-urgent { grid-template-columns: 1fr; }
.buc-author__grid { grid-template-columns: 96px minmax(0px, 1fr); gap: 20px; }
.buc-author img { height: 96px; width: 96px; }}
@media (max-width: 460px) {.buc-hero h1 { font-size: 2rem; }
.buc-section-heading h2, .buc-prose h2, .buc-author h2, .buc-cta h2 { font-size: 1.75rem; }
.buc-summary__grid article, .buc-treatment-grid article, .buc-status, .buc-note { padding: 22px; }
.buc-author__grid { grid-template-columns: 1fr; }}
@media (prefers-reduced-motion: reduce) {.buc-button { transition: none; }}}