/* Todd Yancey — REAP page (ty-reap-page 1.0.0). Loaded on toddyancey.com/reap/ only.
   Part 1 repeats the site's own page styles at equal weight, so they apply only if the site's stylesheet ever stops
   covering this page. Part 2 styles what is new on the page. REAP's Meridian Blue (#399CC6) is kept to REAP's marks:
   the drawn ≠ and the word Prove. */

/* ---------- Part 1: fallbacks for the site's page styles ---------- */
:where(.ty-reap).bre-home{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;max-width:1040px;margin:0 auto;color:#1F2937;line-height:1.6}
:where(.ty-reap) .bre-home-hero{background:linear-gradient(180deg,#0A1628 0%,#152B47 100%);border-top:4px solid #2563EB;color:#FFFFFF;padding:64px 40px 52px;text-align:center}
:where(.ty-reap) .bre-home-kicker{font-size:13px;font-weight:700;color:#3B82F6;letter-spacing:.18em;text-transform:uppercase;margin:0 0 18px}
:where(.ty-reap) .bre-home-name{font-size:50px;font-weight:800;color:#FFFFFF;letter-spacing:.04em;margin:0 0 14px;line-height:1.05}
:where(.ty-reap) .bre-home-sub{font-size:21px;color:#CBD5E1;font-weight:400;line-height:1.5;max-width:760px;margin:0 auto 36px;text-align:center;display:block}
:where(.ty-reap) .bre-home-hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:8px 0 30px}
:where(.ty-reap) .bre-home-hero-cta .bre-btn{background:#2563EB;color:#FFFFFF;padding:13px 26px;border-radius:6px;text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.04em;display:inline-block}
:where(.ty-reap) .bre-btn-ghost{display:inline-block;padding:13px 26px;border:1px solid rgba(255,255,255,.4);color:#FFFFFF;font-size:14px;font-weight:700;letter-spacing:.04em;text-decoration:none;border-radius:6px}
:where(.ty-reap) .bre-home-body{padding:12px 40px 36px}
:where(.ty-reap) .bre-home-section-label{font-size:13px;font-weight:700;color:#2563EB;letter-spacing:.16em;text-transform:uppercase;margin:40px 0 16px;padding-bottom:8px;border-bottom:2px solid #2563EB}
:where(.ty-reap) .bre-home-body p{font-size:17px;color:#1F2937;margin:0 0 18px;line-height:1.75}
:where(.ty-reap) .bre-home-body a{color:#2563EB;text-decoration:none;font-weight:600}
:where(.ty-reap) .bre-home-callout{background:#F1F5F9;border-left:4px solid #2563EB;padding:22px 26px;margin:28px 0;border-radius:4px}
:where(.ty-reap) .bre-home-callout p{margin:0;font-size:17px;line-height:1.65}
:where(.ty-reap) .bre-pillars-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin:24px 0}
:where(.ty-reap) .bre-pillar-item{border-left:3px solid #2563EB;padding-left:14px}
:where(.ty-reap) .bre-pillar-item strong{color:#0F172A;display:block;font-size:15px;margin-bottom:3px}
:where(.ty-reap) .bre-pillar-item span{color:#475569;font-size:14px;line-height:1.45}
:where(.ty-reap) .bre-tag-row{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 8px}
:where(.ty-reap) .bre-tag{background:#DBEAFE;color:#152B47;font-size:13px;font-weight:600;padding:7px 14px;border-radius:20px}
:where(.ty-reap) .bre-home-cta{background:#152B47;color:#FFFFFF;padding:52px 40px;text-align:center;border-top:4px solid #2563EB}
:where(.ty-reap) .bre-home-cta h3{color:#FFFFFF;font-size:28px;font-weight:700;margin:0 0 12px;text-align:center;font-family:Georgia,serif}
:where(.ty-reap) .bre-home-cta p{color:#CBD5E1;font-size:17px;max-width:600px;margin:0 auto 26px;text-align:center;line-height:1.6}
:where(.ty-reap) .bre-home-cta a.bre-btn{display:inline-block;background:#2563EB;color:#FFFFFF;padding:15px 36px;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:4px}
:where(.ty-reap) .bre-home-cta-contact{margin-top:24px;font-size:13px;color:#94A3B8}
@media (max-width:768px){
  :where(.ty-reap) .bre-home-hero,:where(.ty-reap) .bre-home-body,:where(.ty-reap) .bre-home-cta{padding-left:22px;padding-right:22px}
  :where(.ty-reap) .bre-home-name{font-size:34px}
  :where(.ty-reap) .bre-home-sub{font-size:18px}
}
@media (max-width:760px){ :where(.ty-reap) .bre-pillars-grid{grid-template-columns:1fr} }

/* ---------- Part 2: what is new on the page ---------- */
.ty-reap .screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}

/* the drawn ≠: cap height on the baseline, so it never changes a line's layout */
.ty-reap .ty-reap-neq{display:inline-block;color:#399CC6!important;padding:0 .06em;white-space:nowrap}
.ty-reap .ty-reap-neq-svg{display:inline-block;width:.7em;height:.7em;vertical-align:0;overflow:visible;fill:currentColor}

/* hero: the method line under the buttons */
.ty-reap .bre-home-hero .ty-reap-loop{font-size:16px!important;font-weight:700;letter-spacing:.06em;color:#E2E8F0!important;margin:4px 0 0!important;text-align:center!important;line-height:1.4}
.ty-reap .ty-reap-prove{color:#399CC6!important}

/* the three statements */
.ty-reap .ty-reap-stmts{list-style:none!important;margin:6px 0 28px!important;padding:0!important;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ty-reap .ty-reap-stmt-card{margin:0!important;padding:20px 20px 18px;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:6px;list-style:none!important}
.ty-reap .ty-reap-stmt-card::marker{content:""}
.ty-reap .bre-home-body .ty-reap-door{font-size:11.5px!important;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2563EB!important;margin:0 0 10px!important;line-height:1.45!important}
.ty-reap .bre-home-body .ty-reap-stmt{font-size:23px!important;font-weight:800;color:#0F172A!important;line-height:1.2!important;margin:0 0 10px!important;letter-spacing:-.01em}
.ty-reap .bre-home-body .ty-reap-stmt-sub{font-size:14.5px!important;color:#475569!important;margin:0!important;line-height:1.5!important}

/* a little air between the tags and the next section label */
.ty-reap .bre-tag-row{margin-bottom:26px}

/* how REAP works: the method line, large */
.ty-reap .bre-home-body .ty-reap-loop-line{font-size:30px!important;font-weight:800;color:#0F172A!important;line-height:1.2!important;margin:4px 0 6px!important;letter-spacing:-.01em}
.ty-reap .bre-pillar-item em{font-style:italic;color:#334155}
.ty-reap .bre-home-body .ty-reap-note{font-size:13px!important;color:#64748B!important;margin:-6px 0 18px!important;line-height:1.5!important}

/* the ONUG band (shown until October 29, 2026) */
.ty-reap .ty-reap-event{background:#0A1628;border-radius:6px;padding:20px 24px;margin:0 0 30px}
.ty-reap .bre-home-body .ty-reap-event p{margin:0!important;color:#E2E8F0!important;font-size:16px!important;line-height:1.6!important}
.ty-reap .bre-home-body .ty-reap-event .ty-reap-event-kicker{font-size:12px!important;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#88C3DD!important;margin:0 0 6px!important}
.ty-reap .bre-home-body .ty-reap-event a{color:#FFFFFF!important;text-decoration:underline;text-underline-offset:3px;font-weight:700}

/* call to action: two buttons of one size */
.ty-reap .bre-home-cta p a{color:#FFFFFF!important;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.ty-reap .ty-reap-cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.ty-reap .bre-home-cta .ty-reap-cta-row a.bre-btn,.ty-reap .bre-home-cta .ty-reap-cta-row a.bre-btn-ghost{box-sizing:border-box;min-width:230px;padding:14px 28px!important;font-size:14px!important;line-height:20px;letter-spacing:.1em;text-transform:uppercase;border-radius:4px;text-decoration:none!important}
.ty-reap .bre-home-cta .ty-reap-cta-row a.bre-btn{border:1px solid #2563EB}
.ty-reap .bre-home-cta .bre-home-cta-contact{margin:26px auto 0!important;font-size:13px!important;letter-spacing:.04em}

@media (min-width:901px){ .ty-reap .bre-home-body .ty-reap-door{min-height:2.9em} } /* the three statements start on one line */
@media (max-width:900px){ .ty-reap .ty-reap-stmts{grid-template-columns:1fr} }
@media (max-width:768px){
  .ty-reap .bre-home-body .ty-reap-loop-line{font-size:24px!important}
  .ty-reap .bre-home-cta .ty-reap-cta-row a.bre-btn,.ty-reap .bre-home-cta .ty-reap-cta-row a.bre-btn-ghost{width:100%;min-width:0}
}