/* BeaconOS 261A-R33 — deterministic Kidney4 Signature compositions.
 * Hero geometry is owned by the R28 adapter runtime on the exact annotated
 * nodes. This stylesheet supplies only safe decoration, responsive fallbacks,
 * and section-level emphasis. Campaign Default remains renderer-owned.
 */
:root[data-beaconos-layout-adapter-ready="1"]{--beacon-layout-accent:var(--k4-theme-accent,var(--k4dos-accent,#006c71));--beacon-layout-secondary:var(--k4-theme-secondary,var(--k4dos-secondary,#f26a5d))}
body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-section-key]{scroll-margin-top:88px}
body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-section-key="hero"],
body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-section-key="hero"] [data-beaconos-hero-image]{visibility:visible!important;opacity:1!important}

/* Alternate layouts may remove only adapter-confirmed empty pre-Hero rows. */
body[data-beaconos-layout-recipe]:not([data-beaconos-layout-recipe="balanced"]) [data-beaconos-layout-spacer],
body[data-beaconos-layout-recipe]:not([data-beaconos-layout-recipe="balanced"]) [data-beaconos-brand-prelude="logo"]{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;background:none!important}

/* Kidney4 is a serious medical campaign. Decorative circles/orbs stay off. */
body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-decoration="orb"]{display:none!important}
body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-section-key="hero"]::before,
body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-section-key="hero"]::after,
body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-section-key="hero"] [data-beaconos-hero-row]::before,
body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-section-key="hero"] [data-beaconos-hero-row]::after{content:none!important;display:none!important;background:none!important}
body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-section-key="hero"],
body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-section-key="hero"] [data-beaconos-hero-row]{background-image:none!important}

/* “Get to Know Your Match” stays an editorial label, never a coral banner. */
body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-hero-eyebrow="match"]{display:block!important;width:max-content!important;max-width:100%!important;margin:0 0 14px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--beacon-layout-accent)!important;font-size:13px!important;font-weight:900!important;line-height:1.25!important;letter-spacing:.14em!important;text-transform:uppercase!important}
body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-hero-eyebrow="match"]::after{content:""!important;display:block!important;width:42px!important;height:3px!important;margin-top:9px!important;border-radius:999px!important;background:var(--beacon-layout-secondary)!important}

/* The donor-needed eyebrow must remain a compact pill. It may never stretch
 * into a full-width coral bar when a layout changes column ownership. */
body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-hero-eyebrow="need"]{display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;align-self:flex-start!important;margin-left:0!important;margin-right:0!important;padding:11px 20px!important;border-radius:999px!important;white-space:normal!important}
body[data-beaconos-layout-recipe="easy-read"] [data-beaconos-hero-eyebrow="need"]{align-self:center!important;margin-left:auto!important;margin-right:auto!important}
body[data-beaconos-layout-recipe="easy-read"] [data-beaconos-hero-eyebrow="match"]{margin-left:auto!important;margin-right:auto!important}
body[data-beaconos-layout-recipe="easy-read"] [data-beaconos-hero-eyebrow="match"]::after{margin-left:auto!important;margin-right:auto!important}

/* Photo Focus montage: verified Form 17 Hero/Profile uploads only. */
body[data-beaconos-layout-recipe="photo-focus"] [data-beaconos-hero-media]{position:relative!important}
body[data-beaconos-layout-recipe="photo-focus"] .beaconos-profile-montage-r32{position:absolute!important;right:8px!important;bottom:42px!important;z-index:5!important;display:grid!important;grid-template-columns:repeat(2,76px)!important;gap:8px!important;width:auto!important;padding:8px!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:16px!important;background:rgba(255,255,255,.76)!important;box-shadow:0 16px 36px rgba(15,46,58,.14)!important;backdrop-filter:blur(10px)!important}
body[data-beaconos-layout-recipe="photo-focus"] .beaconos-profile-montage-r32 figure{margin:0!important;width:76px!important;aspect-ratio:1/1!important;overflow:hidden!important;border:0!important;border-radius:10px!important;background:#eef6f6!important;box-shadow:none!important}
body[data-beaconos-layout-recipe="photo-focus"] .beaconos-profile-montage-r32 img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}

/* Story Focus extends the story-led hierarchy beyond the Hero without boxes. */
body[data-beaconos-layout-recipe="story-focus"] [data-beaconos-section-key="story"] :is(.et_pb_row,[class*="inner" i],[class*="container" i]),
body[data-beaconos-layout-recipe="story-focus"] [data-beaconos-section-key="letter"] :is(.et_pb_row,[class*="inner" i],[class*="container" i]){max-width:1040px!important;margin-inline:auto!important}
body[data-beaconos-layout-recipe="story-focus"] :is([data-beaconos-section-key="story"],[data-beaconos-section-key="letter"]) :is(p,li){font-size:clamp(19px,1.35vw,23px)!important;line-height:1.78!important}
body[data-beaconos-layout-recipe="story-focus"] :is([data-beaconos-section-key="story"],[data-beaconos-section-key="letter"],[data-beaconos-section-key="voices"]) :is(blockquote,[class*="quote" i]){background:transparent!important;border:0!important;border-left:4px solid var(--beacon-layout-secondary)!important;border-radius:0!important;box-shadow:none!important;padding:4px 0 4px clamp(20px,3vw,38px)!important;font-size:clamp(23px,2vw,34px)!important;line-height:1.38!important}

/* Photo Focus gives real campaign media more room after the Hero. */
body[data-beaconos-layout-recipe="photo-focus"] [data-beaconos-section-key="gallery"] :is(.et_pb_row,[class*="inner" i],[class*="container" i]),
body[data-beaconos-layout-recipe="photo-focus"] [data-beaconos-section-key="videos"] :is(.et_pb_row,[class*="inner" i],[class*="container" i]){max-width:min(1440px,94vw)!important;margin-inline:auto!important}

/* Action Focus: the real evaluation and share controls form a clear
 * decision rail immediately after the headline. They do not float above the
 * campaign, stretch the coral eyebrow, or create a fake CTA card. */
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-rack-r32{display:grid!important;grid-template-columns:minmax(260px,1.2fr) minmax(190px,.8fr)!important;gap:14px!important;width:min(650px,100%)!important;margin:26px 0 20px!important;padding:20px 0 0!important;border:0!important;border-top:1px solid rgba(0,108,113,.18)!important;background:transparent!important;box-shadow:none!important}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-rack-r32>*{width:100%!important;margin:0!important}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-rack-r32 [data-beaconos-action-kind="primary"]{min-height:70px!important;padding:18px 30px!important;border-radius:14px!important;font-size:19px!important;font-weight:900!important;box-shadow:0 14px 34px rgba(0,108,113,.20)!important}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-rack-r32 [data-beaconos-action-kind="secondary"]{min-height:70px!important;padding:17px 24px!important;border-radius:14px!important;font-size:17px!important;font-weight:850!important}


/* Explicit composition safeguards for framework-owned Hero columns. */
body[data-beaconos-layout-recipe="story-focus"] [data-beaconos-hero-media]{min-width:340px!important}
body[data-beaconos-layout-recipe="easy-read"] [data-beaconos-hero-media]{position:relative!important;inset:auto!important;margin-inline:auto!important}
body[data-beaconos-layout-recipe="easy-read"] [data-beaconos-hero-image]{margin-inline:auto!important}
body[data-beaconos-layout-recipe="action-focus"] [data-beaconos-hero-description]{display:none!important}

/* Quick Read: headline + real actions + a substantial supporting portrait.
 * No pre-Hero logo gap, tiny portrait, or artificial empty canvas. */
body[data-beaconos-layout-recipe="quick-read"] [data-beaconos-section-key="hero"]{min-height:0!important;height:auto!important}
body[data-beaconos-layout-recipe="quick-read"] [data-beaconos-section-key="hero"] [data-beaconos-hero-media]{align-self:end!important}
body[data-beaconos-layout-recipe="quick-read"] [data-beaconos-section-key="hero"] [data-beaconos-hero-image]{max-height:640px!important;object-position:center bottom!important}

@media(max-width:1100px){
 body[data-beaconos-layout-recipe="photo-focus"] .beaconos-profile-montage-r32{right:12px!important;bottom:24px!important;grid-template-columns:repeat(4,64px)!important}
 body[data-beaconos-layout-recipe="photo-focus"] .beaconos-profile-montage-r32 figure{width:64px!important}
 body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-rack-r32{margin-inline:auto!important}
}
@media(max-width:700px){
 body[data-beaconos-layout-recipe="photo-focus"] .beaconos-profile-montage-r32{position:relative!important;right:auto!important;bottom:auto!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:min(360px,88vw)!important;margin:-8px auto 0!important}
 body[data-beaconos-layout-recipe="photo-focus"] .beaconos-profile-montage-r32 figure{width:auto!important}
 body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-rack-r32{grid-template-columns:1fr!important;width:100%!important}
 body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-rack-r32 [data-beaconos-action-kind]{min-height:62px!important;font-size:16px!important;padding:16px 20px!important}
}
@media(prefers-reduced-motion:reduce){body[data-beaconos-layout-adapter-ready="1"] *{scroll-behavior:auto!important;transition:none!important}}

/* 261A-R33 — image-agnostic portrait safety contract.
 * Every uploaded Hero image remains visible regardless of aspect ratio,
 * transparent background, rectangular background, crop, or source size. */
body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-hero-media]{min-width:0!important}
body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-hero-image-wrap]{max-width:100%!important;min-width:0!important;background:transparent!important;box-shadow:none!important}
body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-hero-image]{max-inline-size:100%!important;object-fit:contain!important;background:transparent!important}
body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-portrait-mode="fallback"]{visibility:visible!important;opacity:1!important;min-height:180px!important}
body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-portrait-orientation="wide"] [data-beaconos-hero-image]{height:auto!important;max-height:100%!important;align-self:center!important}
@media(max-width:700px){body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-hero-image]{width:100%!important;max-width:min(92vw,620px)!important;margin-inline:auto!important}}


/* 261A-R33 — explicit media treatment states. */
body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-hero-media-mode="framed"],
body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-hero-media-mode="cover"]{isolation:isolate}
body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-hero-media-background="soft"]{background:rgba(255,255,255,.56)!important}
body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-hero-media-mode="framed"] [data-beaconos-hero-image],
body[data-beaconos-layout-adapter-ready="1"] [data-beaconos-hero-media-mode="cover"] [data-beaconos-hero-image]{width:100%!important;height:100%!important}

/* 261A-R33 — Action Focus equal-width decision stack.
 * The real evaluation action, share action, and reassurance statement are
 * aligned to one width so the conversion hierarchy is intentional and calm.
 */
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-rack-r32{
  grid-template-columns:1fr!important;
  width:min(480px,100%)!important;
  gap:12px!important;
}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-rack-r32>*{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-rack-r32 :is(.et_pb_button,button,a[class*="button" i],a[class*="cta" i]){
  width:100%!important;
  max-width:100%!important;
  min-height:70px!important;
}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-rack-r32 [data-beaconos-action-proof="1"],
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-rack-r32 [data-beaconos-hero-proof="1"]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  min-height:70px!important;
  margin:0!important;
  padding:16px 24px!important;
  border:1px solid rgba(0,108,113,.16)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.76)!important;
  box-shadow:none!important;
  color:#2c2c2c!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.35!important;
  text-align:center!important;
}
@media(max-width:700px){
  body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-rack-r32{width:100%!important}
}

/* 261A-R33 — stacked Action Focus controls with a distinct recipient quote. */
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-rack-r32{
  display:grid!important;
  grid-template-columns:1fr!important;
  width:min(480px,100%)!important;
  gap:12px!important;
}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-rack-r32>*{width:100%!important;max-width:100%!important;margin:0!important}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-rack-r32 :is(.et_pb_button,button,a[class*="button" i],a[class*="cta" i]){
  display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:100%!important;min-height:68px!important;text-align:center!important
}
body[data-beaconos-layout-recipe="action-focus"] [data-beaconos-action-original-proof="1"]{display:none!important}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-quote-r32{
  display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px 14px!important;align-items:start!important;width:min(480px,100%)!important;margin:16px 0 0!important;padding:18px 20px!important;border-radius:16px!important;color:#23373d!important
}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-quote-r32 blockquote{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:18px!important;font-weight:750!important;line-height:1.45!important}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-quote-r32 figcaption{grid-column:2!important;margin-top:2px!important;color:#587078!important;font-size:13px!important;font-weight:750!important}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-quote-icon-r32{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:999px!important;background:#dff4f1!important;color:#006c71!important;font-size:21px!important;font-weight:900!important}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-quote-r32.style-plain-text{padding:8px 0!important;background:transparent!important}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-quote-r32.style-card{border:1px solid rgba(0,108,113,.14)!important;background:#fff!important;box-shadow:0 14px 36px rgba(20,47,58,.10)!important}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-quote-r32.style-soft-highlight{background:rgba(255,255,255,.72)!important;border:1px solid rgba(0,108,113,.12)!important}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-quote-r32.style-bordered-quote{border-left:4px solid #006c71!important;background:rgba(255,255,255,.52)!important}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-quote-r32.style-badge-quote{background:#eef8f7!important;border:1px solid #cde9e6!important}
@media(max-width:700px){body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-rack-r32,body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-quote-r32{width:100%!important}}


/* 261A-R33 — authoritative Action Focus stack and recipient quote ownership. */
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-rack-r33{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:min(480px,100%)!important;
  gap:12px!important;
  margin:24px 0 8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-item-r33{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-item-r33>*{width:100%!important;max-width:100%!important;margin:0!important}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-item-r33 :is(a,button,input[type="submit"],[role="button"]),
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-item-r33:is(a,button,[role="button"]){
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  min-height:68px!important;
  margin:0!important;
  text-align:center!important;
}
body[data-beaconos-layout-recipe="action-focus"] [data-beaconos-action-original-proof="1"]{display:none!important}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-quote-r33{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  gap:4px 12px!important;
  align-items:start!important;
  width:min(480px,100%)!important;
  margin:16px 0 0!important;
  padding:8px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#23373d!important;
}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-quote-r33 blockquote{
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
  font-size:18px!important;font-weight:700!important;font-style:italic!important;line-height:1.5!important
}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-quote-r33 figcaption{
  grid-column:2!important;margin-top:4px!important;color:#587078!important;font-size:13px!important;font-weight:750!important
}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-quote-icon-r33{
  display:block!important;width:28px!important;height:auto!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:#006c71!important;font-size:26px!important;font-weight:900!important;line-height:1!important
}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-quote-r33.style-bordered-quote{padding-left:16px!important;border-left:3px solid #006c71!important}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-quote-r33.style-soft-highlight{padding:14px 16px!important;background:rgba(168,222,214,.20)!important;border-radius:10px!important}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-quote-r33.style-card{padding:16px 18px!important;background:#fff!important;border:1px solid rgba(0,108,113,.13)!important;border-radius:12px!important;box-shadow:0 10px 24px rgba(20,47,58,.08)!important}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-quote-r33.style-badge-quote{padding:14px 16px!important;background:#eef8f7!important;border-radius:12px!important}
@media(max-width:700px){
 body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-rack-r33,
 body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-quote-r33{width:100%!important}
}

/* 261A-R36 — Action Focus alignment lock.
 * One centered vertical decision stack, equal-width real actions, and one
 * centered proof/recipient quote treatment. No cloned buttons or card shell.
 */
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-rack-r33{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:min(460px,100%)!important;
  max-width:460px!important;
  margin:26px auto 10px!important;
  gap:12px!important;
}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-item-r33,
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-item-r33>*,
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-item-r33 :is(a,button,input[type="submit"],[role="button"]){
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-item-r33 :is(a,button,input[type="submit"],[role="button"]){
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:66px!important;
  padding:16px 24px!important;
  text-align:center!important;
}
body[data-beaconos-layout-recipe="action-focus"] [data-beaconos-hero-proof="1"]:not([data-beaconos-action-original-proof="1"]),
body[data-beaconos-layout-recipe="action-focus"] [data-beaconos-action-proof="1"]{
  display:block!important;
  width:min(460px,100%)!important;
  max-width:460px!important;
  margin:16px auto 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:center!important;
}
body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-quote-r33{
  width:min(460px,100%)!important;
  max-width:460px!important;
  margin:16px auto 0!important;
}
@media(max-width:700px){
  body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-rack-r33,
  body[data-beaconos-layout-recipe="action-focus"] .beaconos-action-quote-r33,
  body[data-beaconos-layout-recipe="action-focus"] [data-beaconos-hero-proof="1"]{width:100%!important;max-width:100%!important}
}