/* rd-2026 shared motion primitives */
.rd-pre{opacity:0;transform:translateY(14px)}
.rd-pre.rd-in{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.22,1,.36,1) calc(var(--rd-i,0)*70ms),transform .7s cubic-bezier(.22,1,.36,1) calc(var(--rd-i,0)*70ms)}
@media (prefers-reduced-motion:reduce){.rd-pre{opacity:1!important;transform:none!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* eachfocus.org redesign preview 2026-10-18. Visual layer only: all copy, ownership and disclosure lines unchanged. */
:root{--ef-stone:#EFE8DA;--ef-ivory:#F8F4EB;--ef-forest:#103F35;--ef-forest-deep:#071C17;--ef-gold:#B98A35;--ef-gold-ink:#7A5A1C;--ef-ink:#0C1210}
body{background:var(--ef-ivory)!important}
.markbar{background:rgba(248,244,235,.82)!important;backdrop-filter:saturate(1.3) blur(14px);-webkit-backdrop-filter:saturate(1.3) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s;position:sticky;top:0;z-index:40}
html.rd-scrolled .markbar{border-bottom-color:#E0D6C2;box-shadow:0 8px 28px rgba(12,18,16,.06)}
.markbar .nav a{border-radius:999px;padding:10px 14px!important;min-height:44px;display:inline-flex;align-items:center;transition:background .2s}
.markbar .nav a:hover{background:rgba(16,63,53,.07)}
/* Hero */
main>header.hero{position:relative;isolation:isolate;overflow:hidden;min-height:min(88vh,860px);display:flex;align-items:safe center;background:var(--ef-stone)!important}
main>header.hero .hero-loop{position:absolute;inset:0;z-index:-1;background:var(--ef-stone) image-set(url(/rd-2026/img/eachfocus-travertine-brass-fern-still-life-1600.avif) type("image/avif"),url(/rd-2026/img/eachfocus-travertine-brass-fern-still-life-1600.webp) type("image/webp")) 50% 50%/cover no-repeat!important}
main>header.hero .hero-loop-poster{display:none!important}
main>header.hero .hero-loop::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 70% at 50% 50%,rgba(248,244,235,.86) 0%,rgba(248,244,235,.7) 55%,rgba(248,244,235,.35) 100%)}
@media (prefers-reduced-motion:no-preference){main>header.hero .hero-loop{animation:rd-kb 30s ease-in-out infinite alternate;will-change:transform}}
@keyframes rd-kb{from{transform:scale(1.02)}to{transform:scale(1.07)}}
.hero-eyebrow{display:inline-flex!important;align-items:center;gap:12px;color:var(--ef-gold-ink)!important;letter-spacing:.22em!important}
.hero-eyebrow::before,.hero-eyebrow::after{content:"";width:26px;height:1px;background:var(--ef-gold)}
.hero-headline em{color:var(--ef-forest)!important}
.hero-cta-row .cta:not(.ghost){background:var(--ef-forest)!important;color:#fff!important;border-radius:999px!important;padding:14px 28px!important;box-shadow:0 12px 30px rgba(16,63,53,.22)}
.hero-cta-row .cta.ghost{border-radius:999px!important;background:rgba(255,255,255,.6)!important;border:1px solid #9C907A!important;color:var(--ef-ink)!important;padding:14px 28px!important}
/* Sections */
.section-rule hr{border:0!important;height:1px!important;background:linear-gradient(90deg,transparent,var(--ef-gold),transparent)!important;opacity:.6}
.section-label{color:var(--ef-gold-ink)!important;letter-spacing:.2em!important}
.cards .card{background:#fff!important;border:1px solid #E3D9C5!important;border-radius:22px!important;box-shadow:0 1px 2px rgba(12,18,16,.04);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
.cards .card:hover{transform:translateY(-3px);box-shadow:0 22px 48px rgba(12,18,16,.09)}
.card-num{color:var(--ef-gold-ink)!important;font-style:italic}
/* Principles band: forest lacquer art */
.darkband{background:var(--ef-forest-deep) image-set(url(/rd-2026/img/eachfocus-forest-lacquer-gold-veins-1600.avif) type("image/avif"),url(/rd-2026/img/eachfocus-forest-lacquer-gold-veins-1600.webp) type("image/webp")) center/cover no-repeat!important;position:relative;isolation:isolate}
.darkband::before{content:"";position:absolute;inset:0;background:rgba(7,28,23,.78);z-index:-1}
.darkband .principle{background:rgba(255,255,255,.04);border:1px solid rgba(232,204,138,.22)!important;border-radius:20px;padding:24px!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.darkband .principle-h{color:#fff!important}
.darkband .principle-b{color:#E2E8E4!important}
.faq-item{border-bottom:1px solid #E0D6C2!important}
.contact{background:var(--ef-stone)!important}
.contact .cta{background:var(--ef-forest)!important;color:#fff!important;border-radius:999px!important}
footer .foot{font-size:10px!important;line-height:1.6!important}
footer .foot a{display:inline-flex;align-items:center;min-height:24px}
@media (max-width:600px){.markbar-inner{gap:8px!important;padding-left:16px!important;padding-right:16px!important}.markbar .nav{gap:0!important;overflow-x:auto;min-width:0;flex:1 1 auto;justify-content:flex-end;scrollbar-width:none}.markbar .nav a{padding:10px 8px!important;font-size:13px!important;white-space:nowrap}main>header.hero{min-height:0}}

@media (max-width:820px){main>header.hero .hero-loop{background-image:image-set(url(/rd-2026/img/eachfocus-travertine-brass-fern-still-life-800.avif) type("image/avif"),url(/rd-2026/img/eachfocus-travertine-brass-fern-still-life-800.webp) type("image/webp"))!important}.darkband{background-image:image-set(url(/rd-2026/img/eachfocus-forest-lacquer-gold-veins-800.avif) type("image/avif"),url(/rd-2026/img/eachfocus-forest-lacquer-gold-veins-800.webp) type("image/webp"))!important}}
/* ---- design critique 2026-10-18 fixes ---- */
main p{max-width:65ch}
@media (max-width:480px){.markbar .brand{white-space:nowrap}.markbar .markbar-inner{flex-wrap:wrap!important;row-gap:0}.markbar .nav{flex-basis:100%!important;width:100%;justify-content:space-between!important;overflow:visible!important;margin:0!important;padding:0!important;mask-image:none!important;-webkit-mask-image:none!important}.markbar .nav a{min-height:44px;display:inline-flex;align-items:center;padding:0 2px!important;font-size:15px!important}}

/* rd v6 applied */
/* ==========================================================================
   rd.css v6 : site layer for the non-personal previews (2026-10-18 CT, 3:05 PM)
   Loaded after rd-v6.css on fixcancer and msc; loaded ALONE on discseel and eachfocus
   (own brands: no font aliasing, no navy/brass recolour; accessibility rules only).
   Rules: 44px tap targets on the primary path, fine print >=10px at >=4.5:1, reflow at 320.
   ========================================================================== */
/* shared: skip links and brand marks reach 44px */
:is(a.skip,a.skip-link,#cluster-skip-link):focus{min-height:44px;display:inline-flex;align-items:center}
/* ---------- fixcancer ---------- */
html[data-bx="fixcancer"] .lit-card .lit-links a{min-height:44px;display:inline-flex;align-items:center}
html[data-bx="fixcancer"] .rd-reg-line a{display:inline-flex;align-items:center;min-height:44px}
html[data-bx="fixcancer"] :is(.site-header .brand-mark,.rd-menu-btn){min-height:44px}
html[data-bx="fixcancer"] #cluster-translate-bar a,html[data-bx="fixcancer"] .goog-te-gadget-simple{min-height:28px!important}
/* ---------- msc (exosome-education-draft) ---------- */
html[data-bx="exosome"] form .c input[type=checkbox]{width:24px;height:24px}
html[data-bx="exosome"] :is(header a,nav a,a.btn,.btn,button[type=submit],.chips a){min-height:44px;display:inline-flex;align-items:center}
html[data-bx="exosome"] :is(main,footer) :is(p,li,dd,td) a{overflow-wrap:anywhere}
html[data-bx="exosome"] :is(.grid,.cards,.refs)>*{min-width:0}
/* ---------- discseel (own brand) ---------- */
html[data-rd-v6="discseel"] .site-header a.brand{min-height:44px;display:inline-flex;align-items:center}
html[data-rd-v6="discseel"] ul.cities-list li a{min-height:44px;display:inline-flex;align-items:center}
html[data-rd-v6="discseel"] .faq details>summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
html[data-rd-v6="discseel"] .relief-line a{min-height:44px;display:inline-flex;align-items:center}
html[data-rd-v6="discseel"] label.f span.opt{font-size:11px!important}
html[data-rd-v6="discseel"] :is(main,footer) :is(p,li,dd,td) a{overflow-wrap:anywhere}
/* ---------- eachfocus (own brand) ---------- */
html[data-rd-v6="eachfocus"] header.markbar a.brand{min-height:44px;display:inline-flex;align-items:center}
html[data-rd-v6="eachfocus"] :is(main,footer) :is(p,li,dd,td) a{overflow-wrap:anywhere}
html[data-rd-v6="eachfocus"] footer :is(p,small,a){font-size:max(10px,1em)}
/* discseel: site.css forces .crumbs to #162E40 even on the dark page hero (1.21:1) */
html[data-rd-v6="discseel"] :is(.hero,.page-hero,.hero-flag) .crumbs{color:#D6E4EE!important}
html[data-rd-v6="discseel"] :is(.hero,.page-hero,.hero-flag) .crumbs a{color:#FFFFFF!important}
.rd-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* v6.3 tap targets for the four non-personal previews (same rule, own scopes) */
:is(html[data-bx="fixcancer"],html[data-bx="exosome"],html[data-rd-v6="discseel"],html[data-rd-v6="eachfocus"]) :is(nav,header) a,
:is(html[data-bx="fixcancer"],html[data-bx="exosome"],html[data-rd-v6="discseel"],html[data-rd-v6="eachfocus"]) :where(main,section,article,aside) li>a:only-child,
:is(html[data-bx="fixcancer"],html[data-bx="exosome"],html[data-rd-v6="discseel"],html[data-rd-v6="eachfocus"]) :where(main,section,article,aside) p>a:only-child,
:is(html[data-bx="fixcancer"],html[data-bx="exosome"],html[data-rd-v6="discseel"],html[data-rd-v6="eachfocus"]) :is(details>summary,a.brand,a.btn){min-height:44px;display:inline-flex;align-items:center}
:is(html[data-bx="fixcancer"],html[data-bx="exosome"],html[data-rd-v6="discseel"],html[data-rd-v6="eachfocus"]) details>summary{display:flex}
:is(html[data-bx="fixcancer"],html[data-bx="exosome"],html[data-rd-v6="discseel"],html[data-rd-v6="eachfocus"]) figcaption a{padding-block:calc((44px - 1.25em)/2)}
html[data-bx="exosome"] input[type=checkbox]{width:24px!important;height:24px!important}
