/* drcd/organ-family — organ-system family category page. Scoped under .drcd-of.
   Hub design language (Prata/Lato, plum palette), em units to match the theme's
   62.5% root. Family accent arrives as --of-fam / --of-fam-bg (inline, per tone). */
.drcd-of{
  --plum:#715091;--plum-d:#54396f;--ink:#241c30;--muted:#6b6478;--line:#e4ddef;
  --paper:#ffffff;--rna:#0f7d94;--lav:#efe9fb;--good:#1f8a5b;
  display:block;max-width:920px;margin:2rem auto;background:var(--paper);
  border:1px solid var(--line);border-top:5px solid var(--of-fam,var(--plum));
  border-radius:18px;padding:32px 34px;box-shadow:0 4px 18px rgba(84,57,111,.06);
  font-family:Lato,-apple-system,"Segoe UI",Tahoma,sans-serif;color:var(--ink);line-height:1.6;
}
.drcd-of *{box-sizing:border-box}
.drcd-of .of-eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:.72em;font-weight:800;color:var(--of-fam,var(--plum));}
.drcd-of .of-title{font-family:Prata,Georgia,serif;font-size:2em;line-height:1.12;color:var(--ink);margin:6px 0 10px;}
.drcd-of .of-lens{display:inline-block;font-size:.7em;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:4px 11px;border-radius:999px;background:var(--of-fam-bg,#f2ecfa);color:var(--plum-d);}
.drcd-of .of-concept{font-size:1.08em;color:#3a3346;margin:16px 0 22px;}
.drcd-of .of-quote{display:flex;gap:18px;align-items:center;background:linear-gradient(150deg,#3f2a57,#54396f);border-radius:16px;padding:24px 26px;margin:0 0 24px;box-shadow:0 6px 20px rgba(84,57,111,.20);}
.drcd-of .of-quote img{width:78px;height:78px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#d9cdeb;border:2px solid rgba(255,255,255,.35);}
.drcd-of .of-quote blockquote{margin:0;font-family:Prata,Georgia,serif;font-size:1.3em;line-height:1.42;color:#fff;}
.drcd-of .of-who{font-size:.8em;color:#d9cdeb;margin-top:8px;}
.drcd-of .of-hero{margin:0 0 24px;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 6px 20px rgba(84,57,111,.12);position:relative;min-height:180px;background:linear-gradient(150deg,var(--of-fam-bg,#f2ecfa),#fff);display:flex;align-items:center;justify-content:center;}
.drcd-of .of-hero img{display:block;width:100%;height:auto;}
.drcd-of .of-hero .of-ph{position:absolute;top:10px;left:10px;background:rgba(84,57,111,.8);color:#fff;font-size:.6em;font-weight:700;letter-spacing:.4px;text-transform:uppercase;border-radius:6px;padding:3px 9px;}
.drcd-of .of-hero svg{width:70px;height:70px;opacity:.5;}
.drcd-of .of-sec-h{font-family:Prata,Georgia,serif;font-size:1.4em;color:var(--plum-d);margin:26px 0 4px;}
.drcd-of .of-sec-lead{font-size:1em;color:#3a3346;margin:0 0 14px;line-height:1.6;}
/* systems as per-row H3 blocks (scales to any count) */
.drcd-of .of-sys-rows{margin:0 0 6px;}
.drcd-of .of-sys-row{display:flex;gap:15px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--of-acc,var(--plum));border-radius:14px;padding:15px 18px;margin-bottom:12px;}
.drcd-of .of-sys-row .of-ic{width:40px;height:40px;flex:0 0 auto;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--of-acc-bg,#f2ecfa);}
.drcd-of .of-sys-row .of-ic svg{width:23px;height:23px;}
.drcd-of .of-sys-row .of-rc{flex:1;}
.drcd-of .of-sys-row h3{font-family:Prata,Georgia,serif;font-size:1.22em;color:var(--ink);margin:0 0 4px;line-height:1.15;}
.drcd-of .of-sys-row p{margin:0;font-size:.9em;color:#4a4358;line-height:1.55;}
/* nutrient breakdown: vitamins / minerals / specialty */
.drcd-of .of-nb-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:6px 0 4px;}
.drcd-of .of-nb-col{border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:15px 16px 14px;border-top:3px solid var(--of-nbacc,var(--plum));display:flex;flex-direction:column;}
.drcd-of .of-nb-col h4{margin:0 0 10px;font-size:.78em;text-transform:uppercase;letter-spacing:.8px;color:var(--of-nbacc,var(--plum));}
.drcd-of .of-nb-col ul{list-style:none;margin:0;padding:0;}
.drcd-of .of-nb-col li{padding:8px 0;border-bottom:1px dashed var(--line);font-size:.86em;color:#4a4358;line-height:1.45;}
.drcd-of .of-nb-col li:last-child{border-bottom:none;}
.drcd-of .of-nb-col li b{color:var(--ink);}
.drcd-of .of-nb-col li .of-via{display:block;margin-top:2px;font-size:.72em;color:var(--rna);font-weight:700;}
.drcd-of .of-nb-foot{font-size:.75em;color:var(--muted);margin:8px 0 0;font-style:italic;}
/* formula slider */
.drcd-of .of-nutri-hd{margin:26px 0 4px;font-size:.8em;text-transform:uppercase;letter-spacing:1px;color:var(--rna);}
.drcd-of .of-nutri-intro{margin:0 0 14px;font-size:.92em;color:#4a4358;}
.drcd-of .of-slider{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x mandatory;}
.drcd-of .of-slider::-webkit-scrollbar{height:8px;}
.drcd-of .of-slider::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px;}
.drcd-of .of-pcard{scroll-snap-align:start;flex:0 0 234px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px 16px 18px;text-align:center;display:flex;flex-direction:column;}
.drcd-of .of-pcard--lead{border-color:var(--rna);box-shadow:0 6px 18px rgba(15,125,148,.14);}
.drcd-of .of-badge{align-self:center;font-size:.62em;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--rna);background:#e0f2f6;border-radius:999px;padding:3px 10px;margin-bottom:8px;}
.drcd-of .of-pcard img{width:100%;max-width:140px;height:140px;object-fit:contain;margin:0 auto 10px;}
.drcd-of .of-pcard h4{font-family:Prata,Georgia,serif;font-size:1.1em;color:var(--plum-d);margin:0 0 6px;}
.drcd-of .of-pcard p{font-size:.82em;color:#4a4358;margin:0 0 14px;flex:1;line-height:1.5;}
.drcd-of .of-buy{display:block;background:var(--plum);color:#fff;font-weight:700;font-size:.78em;padding:9px 10px;border-radius:999px;text-decoration:none;margin-bottom:8px;}
.drcd-of .of-buy:hover{background:var(--plum-d);}
.drcd-of .of-view{font-size:.74em;color:var(--rna);text-decoration:none;}
.drcd-of .of-nutri-attrib{font-size:.75em;color:var(--muted);margin:6px 0 18px;}
/* science + candor */
.drcd-of .of-science h4{margin:0 0 10px;font-size:.8em;text-transform:uppercase;letter-spacing:1px;color:var(--plum-d);}
.drcd-of .of-science p{font-size:.96em;color:#3a3346;margin:0 0 13px;line-height:1.62;}
.drcd-of .of-science a{color:var(--plum);}
.drcd-of .of-candor{font-size:.82em;font-style:italic;color:var(--muted);background:#f6f4fa;border-radius:8px;padding:10px 14px;margin-bottom:18px;}
/* faq */
.drcd-of .of-faq{background:var(--lav);border-radius:16px;padding:22px 26px;margin:18px 0 18px;}
.drcd-of .of-faq h4{margin:0 0 6px;font-size:.8em;text-transform:uppercase;letter-spacing:1px;color:var(--plum-d);}
.drcd-of .of-faq details{border-bottom:1px solid #ddd0ec;padding:14px 0;}
.drcd-of .of-faq details:last-child{border-bottom:none;padding-bottom:2px;}
.drcd-of .of-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px;font-weight:800;color:var(--plum-d);font-size:1em;line-height:1.35;}
.drcd-of .of-faq summary::-webkit-details-marker{display:none;}
.drcd-of .of-faq summary::after{content:"\25B8";color:var(--plum);font-weight:700;}
.drcd-of .of-faq details[open] summary::after{content:"\25BE";}
.drcd-of .of-fa{margin:11px 0 2px;font-size:.92em;color:#3a3346;line-height:1.62;background:#fff;border:1px solid #e4ddef;border-radius:10px;padding:13px 16px;}
.drcd-of .of-disc{font-size:.72em;color:var(--muted);border-top:1px dashed var(--line);padding-top:10px;margin-bottom:4px;}
@media(max-width:680px){
  .drcd-of .of-nb-cols{grid-template-columns:1fr;}
  .drcd-of .of-quote{flex-direction:column;text-align:center;}
}

/* ============================================================
   drcd/organ-index  —  the Organ-System Aging index page.
   Scoped under .drcd-oi. Shares the hub palette + em units. */
.drcd-oi{
  --plum:#715091;--plum-d:#54396f;--ink:#241c30;--muted:#6b6478;--line:#e4ddef;
  --paper:#ffffff;--rna:#0f7d94;--lav:#efe9fb;
  display:block;max-width:920px;margin:2rem auto;background:var(--paper);
  border:1px solid var(--line);border-top:5px solid var(--plum);
  border-radius:18px;padding:32px 34px;box-shadow:0 4px 18px rgba(84,57,111,.06);
  font-family:Lato,-apple-system,"Segoe UI",Tahoma,sans-serif;color:var(--ink);line-height:1.6;
}
.drcd-oi *{box-sizing:border-box}
.drcd-oi .oi-eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:.72em;font-weight:800;color:var(--plum);}
.drcd-oi .oi-title{font-family:Prata,Georgia,serif;font-size:2em;line-height:1.12;color:var(--ink);margin:6px 0 10px;}
.drcd-oi .oi-lens{display:inline-block;font-size:.7em;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:4px 11px;border-radius:999px;background:#f2ecfa;color:var(--plum-d);}
.drcd-oi .oi-concept{font-size:1.08em;color:#3a3346;margin:16px 0 22px;}
.drcd-oi .oi-quote{display:flex;gap:18px;align-items:center;background:linear-gradient(150deg,#3f2a57,#54396f);border-radius:16px;padding:24px 26px;margin:0 0 24px;box-shadow:0 6px 20px rgba(84,57,111,.20);}
.drcd-oi .oi-quote img{width:78px;height:78px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#d9cdeb;border:2px solid rgba(255,255,255,.35);}
.drcd-oi .oi-quote blockquote{margin:0;font-family:Prata,Georgia,serif;font-size:1.3em;line-height:1.42;color:#fff;}
.drcd-oi .oi-who{font-size:.8em;color:#d9cdeb;margin-top:8px;}
.drcd-oi .oi-hero{margin:0 0 24px;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 6px 20px rgba(84,57,111,.12);}
.drcd-oi .oi-hero img{display:block;width:100%;height:auto;}
.drcd-oi .oi-sec-h{font-family:Prata,Georgia,serif;font-size:1.4em;color:var(--plum-d);margin:26px 0 4px;}
.drcd-oi .oi-sec-lead{font-size:1em;color:#3a3346;margin:0 0 14px;line-height:1.6;}
/* six family cards (footer-router style, image on top, whole card links) */
.drcd-oi .oi-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:0 0 12px;}
.drcd-oi .oi-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--oi-acc,var(--plum));border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(84,57,111,.07);text-decoration:none;color:inherit;transition:box-shadow .15s,transform .15s;}
.drcd-oi .oi-card:hover{box-shadow:0 8px 22px rgba(84,57,111,.16);transform:translateY(-2px);}
.drcd-oi .oi-pic{position:relative;height:158px;background:linear-gradient(150deg,var(--oi-acc-bg,#f2ecfa),#fff);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.drcd-oi .oi-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.drcd-oi .oi-pic svg{width:56px;height:56px;opacity:.5;}
.drcd-oi .oi-pic .oi-ph{position:absolute;top:8px;left:8px;background:rgba(84,57,111,.78);color:#fff;font-size:.58em;font-weight:700;letter-spacing:.4px;text-transform:uppercase;border-radius:6px;padding:3px 8px;}
.drcd-oi .oi-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1;}
.drcd-oi .oi-body h3{font-family:Prata,Georgia,serif;color:var(--plum-d);font-size:1.32em;line-height:1.12;margin:0 0 3px;}
.drcd-oi .oi-systems{font-size:.7em;text-transform:uppercase;letter-spacing:.6px;color:var(--oi-acc,var(--plum));font-weight:800;margin-bottom:9px;}
.drcd-oi .oi-body p{font-size:.88em;color:#4a4358;margin:0 0 12px;flex:1;line-height:1.52;}
.drcd-oi .oi-sup{font-size:.74em;color:var(--rna);border-top:1px dashed var(--line);padding-top:9px;}
.drcd-oi .oi-sup b{color:var(--plum-d);font-weight:800;}
.drcd-oi .oi-cards-foot{font-size:.75em;color:var(--muted);margin:6px 0 0;font-style:italic;}
/* Cell Nutrient Stack slider */
.drcd-oi .oi-nutri-hd{margin:26px 0 4px;font-size:.8em;text-transform:uppercase;letter-spacing:1px;color:var(--rna);}
.drcd-oi .oi-nutri-intro{margin:0 0 14px;font-size:.92em;color:#4a4358;}
.drcd-oi .oi-slider{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x mandatory;}
.drcd-oi .oi-slider::-webkit-scrollbar{height:8px;}
.drcd-oi .oi-slider::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px;}
.drcd-oi .oi-pcard{scroll-snap-align:start;flex:0 0 234px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px 16px 18px;text-align:center;display:flex;flex-direction:column;}
.drcd-oi .oi-pcard--lead{border-color:var(--rna);box-shadow:0 6px 18px rgba(15,125,148,.14);}
.drcd-oi .oi-badge{align-self:center;font-size:.62em;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--rna);background:#e0f2f6;border-radius:999px;padding:3px 10px;margin-bottom:8px;}
.drcd-oi .oi-pcard img{width:100%;max-width:140px;height:140px;object-fit:contain;margin:0 auto 10px;}
.drcd-oi .oi-pcard h4{font-family:Prata,Georgia,serif;font-size:1.1em;color:var(--plum-d);margin:0 0 6px;}
.drcd-oi .oi-pcard p{font-size:.82em;color:#4a4358;margin:0 0 14px;flex:1;line-height:1.5;}
.drcd-oi .oi-buy{display:block;background:var(--plum);color:#fff;font-weight:700;font-size:.78em;padding:9px 10px;border-radius:999px;text-decoration:none;margin-bottom:8px;}
.drcd-oi .oi-buy:hover{background:var(--plum-d);}
.drcd-oi .oi-view{font-size:.74em;color:var(--rna);text-decoration:none;}
.drcd-oi .oi-nutri-attrib{font-size:.75em;color:var(--muted);margin:6px 0 2px;}
.drcd-oi .oi-nutri-sub{font-size:.78em;color:var(--muted);margin:2px 0 0;}
.drcd-oi .oi-science h4{margin:26px 0 10px;font-size:.8em;text-transform:uppercase;letter-spacing:1px;color:var(--plum-d);}
.drcd-oi .oi-science p{font-size:.96em;color:#3a3346;margin:0 0 13px;line-height:1.62;}
.drcd-oi .oi-science a{color:var(--plum);}
.drcd-oi .oi-candor{font-size:.82em;font-style:italic;color:var(--muted);background:#f6f4fa;border-radius:8px;padding:10px 14px;margin-bottom:18px;}
.drcd-oi .oi-faq{background:var(--lav);border-radius:16px;padding:22px 26px;margin:18px 0 18px;}
.drcd-oi .oi-faq h4{margin:0 0 6px;font-size:.8em;text-transform:uppercase;letter-spacing:1px;color:var(--plum-d);}
.drcd-oi .oi-faq details{border-bottom:1px solid #ddd0ec;padding:14px 0;}
.drcd-oi .oi-faq details:last-child{border-bottom:none;padding-bottom:2px;}
.drcd-oi .oi-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px;font-weight:800;color:var(--plum-d);font-size:1em;line-height:1.35;}
.drcd-oi .oi-faq summary::-webkit-details-marker{display:none;}
.drcd-oi .oi-faq summary::after{content:"\25B8";color:var(--plum);font-weight:700;}
.drcd-oi .oi-faq details[open] summary::after{content:"\25BE";}
.drcd-oi .oi-fa{margin:11px 0 2px;font-size:.92em;color:#3a3346;line-height:1.62;background:#fff;border:1px solid #e4ddef;border-radius:10px;padding:13px 16px;}
.drcd-oi .oi-disc{font-size:.72em;color:var(--muted);border-top:1px dashed var(--line);padding-top:10px;margin-bottom:4px;}
@media(max-width:680px){.drcd-oi .oi-cards{grid-template-columns:1fr;} .drcd-oi .oi-quote{flex-direction:column;text-align:center;}}

/* v1.5.4 slider nav parity */
.drcd-of .of-slider-wrap,.drcd-oi .oi-slider-wrap{position:relative;}
.drcd-of .of-slider-wrap .drcd-fslider__nav,.drcd-oi .oi-slider-wrap .drcd-fslider__nav{top:46%;}