.drcd {
  --drcd-brand:#715091; --drcd-brand-dark:#3B2A55; --drcd-violet:#8D63B5;
  --drcd-lavender:#EFE7F8; --drcd-lavender-line:#DDD0EC; --drcd-ink:#241C30;
  --drcd-muted:#6B6478; --drcd-surface:#F7F4FB; --drcd-line:#E8E2F0;
  --drcd-link:#2F6FD0; --drcd-teal:#1C9AA0; --drcd-amber:#E0A23A; --drcd-evidence:#4F9A3E;
  --drcd-radius:14px; --drcd-radius-lg:22px;
  font-family:'Lato',Tahoma,Geneva,sans-serif; color:var(--drcd-ink); font-size:18px; line-height:1.7;
}
.drcd h1,.drcd h2,.drcd h3,.drcd .drcd-display{font-family:'Prata',Georgia,serif;font-weight:400;}
.drcd a:not(.drcd-btn){color:var(--drcd-link);}
.drcd-btn{display:inline-block;border-radius:999px;padding:.7em 1.4em;font-weight:700;text-decoration:none;cursor:pointer;border:1.5px solid transparent;}
.drcd a.drcd-btn--primary,.drcd .drcd-btn--primary{background:var(--drcd-brand);color:#fff;}
.drcd-btn--primary:hover{background:var(--drcd-brand-dark);color:#fff;}
.drcd a.drcd-btn--ghost,.drcd .drcd-btn--ghost{background:transparent;color:var(--drcd-brand);border-color:var(--drcd-lavender-line);}

/* hero */
.drcd-hero{border-radius:var(--drcd-radius-lg);padding:3rem 2rem;background:var(--drcd-lavender);}
.drcd-hero--plum{background:linear-gradient(160deg,#efe7f8,#fff);}
.drcd-hero--dark{background:var(--drcd-brand-dark);color:#fff;}
.drcd-hero--dark .drcd-hero__eyebrow{color:#c9bce0;}
.drcd-hero--light{background:var(--drcd-surface);}
.drcd-hero[data-align="center"]{text-align:center;}
.drcd-hero__eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.85em;font-weight:700;color:var(--drcd-violet);margin:0 0 .5rem;}
.drcd-hero__title{font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:0 0 .75rem;}
.drcd-hero__sub{font-size:1.25em;color:var(--drcd-muted);max-width:60ch;margin:0 auto 1.25rem;}
.drcd-hero--dark .drcd-hero__sub{color:#d8d1e8;}

/* callout */
.drcd-callout{border-left:4px solid var(--drcd-brand);background:var(--drcd-surface);border-radius:var(--drcd-radius);padding:1.25rem 1.5rem;margin:1.5rem 0;}
.drcd-callout--note{border-left-color:var(--drcd-muted);}
.drcd-callout--evidence{border-left-color:var(--drcd-evidence);}
.drcd-callout--warning{border-left-color:var(--drcd-amber);}
.drcd-callout__heading{font-family:'Prata',Georgia,serif;font-size:1.3em;margin:0 0 .4rem;color:var(--drcd-brand-dark);}

/* evidence */
.drcd-evidence{border:1px solid var(--drcd-line);border-radius:var(--drcd-radius);padding:1.25rem 1.5rem;margin:1.5rem 0;background:#fff;}
.drcd-evidence__tier{display:inline-block;font-size:.8em;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.2em .7em;border-radius:999px;color:#fff;margin-bottom:.6rem;}
.drcd-evidence__tier--strong{background:var(--drcd-evidence);}
.drcd-evidence__tier--moderate{background:var(--drcd-link);}
.drcd-evidence__tier--emerging{background:var(--drcd-amber);color:var(--drcd-ink);}
.drcd-evidence__claim{font-size:1.2em;margin:.2rem 0 .5rem;}
.drcd-evidence__src{font-size:.95em;color:var(--drcd-muted);}

/* cta */
.drcd-cta{border-radius:var(--drcd-radius-lg);padding:2.5rem 2rem;background:var(--drcd-brand);color:#fff;}
.drcd-cta[data-align="center"]{text-align:center;}
.drcd-cta__heading{font-family:'Prata',Georgia,serif;color:#fff;font-size:1.8em;margin:0 0 .5rem;}
.drcd-cta__text{color:#e9e2f5;margin:0 0 1.25rem;}
.drcd-cta a.drcd-btn--primary,.drcd-cta .drcd-btn--primary{background:#fff;color:var(--drcd-brand);}
.drcd-cta a.drcd-btn--ghost,.drcd-cta .drcd-btn--ghost{color:#fff;border-color:rgba(255,255,255,.6);}

/* faq */
.drcd-faq{margin:1.5rem 0;}
.drcd-faq__heading{font-family:'Prata',Georgia,serif;font-size:1.6em;color:var(--drcd-brand-dark);}
.drcd-faq__item{border:1px solid var(--drcd-line);border-radius:var(--drcd-radius);margin:.6rem 0;padding:.4rem 1rem;background:#fff;}
.drcd-faq__item summary{font-weight:700;cursor:pointer;padding:.6rem 0;color:var(--drcd-brand-dark);}
.drcd-faq__a{padding:0 0 .8rem;color:var(--drcd-ink);}

/* email capture */
.drcd-capture{border-radius:var(--drcd-radius-lg);padding:2rem;background:linear-gradient(160deg,#f3efff,#fff);border:1px solid var(--drcd-lavender-line);}
.drcd-capture__heading{font-family:'Prata',Georgia,serif;font-size:1.6em;color:var(--drcd-brand-dark);margin:0 0 .4rem;}
.drcd-capture__blurb{color:var(--drcd-muted);margin:0 0 1rem;}
.drcd-capture__row{display:flex;gap:.5rem;flex-wrap:wrap;}
.drcd-capture__input{flex:1;min-width:220px;padding:.7em 1em;border:1px solid var(--drcd-lavender-line);border-radius:999px;}
.drcd-capture__consent{font-size:.85em;color:var(--drcd-muted);margin:.6rem 0 0;}

/* zone bridge */
.drcd-bridge{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;border:1px dashed var(--drcd-lavender-line);border-radius:var(--drcd-radius);padding:1rem 1.5rem;margin:1.5rem 0;background:var(--drcd-surface);}
.drcd-bridge__heading{font-weight:700;color:var(--drcd-brand-dark);margin:0;}
.drcd-bridge__text{color:var(--drcd-muted);margin:.2rem 0 0;font-size:1em;}

/* cards */
.drcd-cards__heading{font-family:'Prata',Georgia,serif;font-size:1.6em;color:var(--drcd-brand-dark);margin:0 0 1.25rem;}
.drcd-cards{display:grid;gap:4rem 1.5rem;grid-template-columns:repeat(var(--drcd-cards-cols,2),1fr);}
@media(max-width:780px){.drcd-cards{grid-template-columns:1fr;}}
.drcd-cardcell{display:flex;flex-direction:column;gap:.85rem;}
.drcd-card{display:flex;flex-direction:column;border-radius:var(--drcd-radius-lg);overflow:hidden;border:1px solid var(--drcd-line);}
.drcd-card__media{display:block;width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;}
.drcd-card__media--empty{background-color:#c9c2d8;}
.drcd-card__body{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.25rem 1.2rem;flex:1;}
.drcd-card__title{font-family:'Prata',Georgia,serif;font-size:1.3em;color:var(--drcd-brand-dark);}
.drcd-card__text{color:var(--drcd-ink);opacity:.85;font-size:.95em;}
.drcd-card--lavender{background:var(--drcd-lavender);}
.drcd-card--plum{background:#f1eaf7;}
.drcd-card--teal{background:#e4f4f4;}
.drcd-card--amber{background:#fbf1de;}
.drcd-card__btn{width:100%;text-align:center;}

/* Hero full-width band: background spans the page, content stays centered/contained */
.drcd-hero__inner{width:100%;}
.drcd-hero--bleed{
	width:100vw;
	margin-left:calc(50% - 50vw);
	margin-right:calc(50% - 50vw);
	margin-top:0;
	margin-bottom:50px;
	border-radius:0;
	padding-left:0;
	padding-right:0;
}
.drcd-hero--bleed .drcd-hero__inner{
	max-width:1170px;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
}
/* Touch the slider: remove the theme's content top padding only when a full-width hero is the page intro */
.site-main:has(> article .drcd-hero--bleed:first-child),
.site-main:has(> article > .entry-content > .drcd-hero--bleed:first-child){
	padding-top:0 !important;
}

/* Formula slider */
.drcd-fslider-wrap{margin:2rem 0;}
.drcd-fslider__heading{margin:0 0 .35rem;}
.drcd-fslider__intro{color:var(--drcd-muted);margin:0 0 1.25rem;max-width:60ch;}
.drcd-fslider{position:relative;}
.drcd-fslider__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 2px 12px;}
.drcd-fslider__track::-webkit-scrollbar{display:none;}
.drcd-fslide{flex:0 0 260px;scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border:1px solid #ece7f3;border-radius:var(--drcd-radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .15s ease,transform .15s ease;}
.drcd-fslide:hover{box-shadow:0 8px 24px rgba(113,80,145,.16);transform:translateY(-2px);}
.drcd-fslide__media{display:block;width:100%;aspect-ratio:1/1;background-size:cover;background-position:center;background-color:#efeaf6;}
.drcd-fslide__media--empty{background:repeating-linear-gradient(135deg,#efeaf6,#efeaf6 12px,#e7e0f0 12px,#e7e0f0 24px);}
.drcd-fslide__body{padding:1rem 1.1rem 1.25rem;display:flex;flex-direction:column;gap:.25rem;}
.drcd-fslide__tag{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--drcd-violet);}
.drcd-fslide__name{font-family:'Prata',Georgia,serif;font-size:1.25rem;color:var(--drcd-brand);}
.drcd-fslide__role{font-size:.95rem;color:var(--drcd-muted);line-height:1.45;}
.drcd-fslider__nav{position:absolute;top:38%;transform:translateY(-50%);z-index:2;width:42px;height:42px;border-radius:50%;border:none;background:var(--drcd-brand);color:#fff;font-size:1.4rem;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;}
.drcd-fslider__nav:hover{background:var(--drcd-violet);}
.drcd-fslider__nav:disabled{opacity:.35;cursor:default;}
.drcd-fslider__nav--prev{left:-6px;}
.drcd-fslider__nav--next{right:-6px;}
.drcd-fslider__cta{margin-top:1.25rem;text-align:center;}
@media (max-width:600px){.drcd-fslide{flex-basis:78%;}.drcd-fslider__nav{display:none;}}

/* v1.2.5 — section heading emphasis + slider-lead spacing */
.drcd-cards__heading,.drcd-faq__heading,.drcd-capture__heading,.drcd-fslider__heading{font-size:clamp(1.9rem,3.2vw,2.5rem);line-height:1.15;color:var(--drcd-brand-dark);letter-spacing:-0.01em;}
.drcd-cta__heading{font-size:clamp(1.9rem,3vw,2.35rem);line-height:1.15;}
.drcd-callout__heading{font-size:1.6em;}
.drcd-callout--note{margin-top:50px;}

/* v1.2.6 — semantic headings: card title h3, callout heading h2 (margin resets) */
h3.drcd-card__title{margin:0;}
h2.drcd-callout__heading{margin:0 0 .4rem;}

/* v1.2.8 — larger slider type + retain card-section top spacing when heading is removed */
.drcd-fslide__name{font-size:1.55rem;line-height:1.2;}
.drcd-fslide__role{font-size:1.05rem;line-height:1.5;}
.drcd-fslide__tag{font-size:.75rem;}
.drcd-cards-wrap{margin-top:2.5rem;}

/* v1.2.9 — center + constrain CTA paragraph; roomier card rows */
.drcd-cta__text{max-width:62ch;margin-left:auto;margin-right:auto;}

/* v1.3.0 — larger product-slider type */
.drcd-fslide__name{font-size:1.9rem;line-height:1.15;}
.drcd-fslide__role{font-size:1.1rem;line-height:1.5;}
.drcd-fslide__tag{font-size:.8rem;}

/* v1.3.1 — superscript ®, larger slide role text, parallel eyebrow */
.drcd-reg{font-size:.55em;vertical-align:super;line-height:0;font-weight:inherit;margin-left:.01em;}
.drcd-fslide__role{font-size:1.25rem;line-height:1.5;}
.drcd-fslide__tag{font-size:.82rem;}
.drcd-fslide__tag--extra{color:var(--drcd-brand);}

/* v1.3.3 — collapse empty card media so text-only card rows have no grey block */
.drcd-card__media--empty{display:none;}

/* v1.3.4 — bottom spacing below card rows (esp. button-less rows) */
.drcd-cards-wrap{margin-bottom:2.75rem;}

/* v1.3.5 — image-cards: square image beside a stack of tone cards */
.drcd-imgcards-wrap{margin:2.5rem 0 2.75rem;}
.drcd-imgcards{display:grid;grid-template-columns:300px 1fr;gap:1.75rem;align-items:start;}
.drcd-imgcards--right{grid-template-columns:1fr 300px;}
.drcd-imgcards--right .drcd-imgcards__media{order:2;}
.drcd-imgcards--right .drcd-imgcards__col{order:1;}
.drcd-imgcards__media{display:block;width:300px;height:300px;border-radius:var(--drcd-radius-lg);background-size:cover;background-position:center;border:1px solid var(--drcd-line);}
.drcd-imgcards__media--empty{background-color:#c9c2d8;}
.drcd-imgcards__col{display:flex;flex-direction:column;gap:1.5rem;min-width:0;}
.drcd-imgcards .drcd-card{border-radius:var(--drcd-radius-lg);border:1px solid var(--drcd-line);}
@media(max-width:780px){
	.drcd-imgcards,.drcd-imgcards--right{grid-template-columns:1fr;justify-items:center;}
	.drcd-imgcards--right .drcd-imgcards__media{order:0;}
	.drcd-imgcards--right .drcd-imgcards__col{order:0;}
	.drcd-imgcards__media{width:100%;max-width:300px;height:auto;aspect-ratio:1/1;}
	.drcd-imgcards__col{width:100%;}
}

/* v1.3.7 — formula-slider third group: Complete the ReSet (Day 90+) */
.drcd-fslide__tag--complete{color:var(--drcd-teal);}
.drcd-fslide--complete{border-color:#cdeaea;}

/* v1.3.8 — quote: 40/60 portrait + pull quote */
.drcd-quote-wrap{margin:2.5rem 0;}
.drcd-quote{display:grid;grid-template-columns:40% 60%;gap:2rem;align-items:center;border-radius:var(--drcd-radius-lg);padding:2rem;}
.drcd-quote--surface{background:var(--drcd-surface);}
.drcd-quote--lavender{background:var(--drcd-lavender);}
.drcd-quote--plain{background:transparent;padding:1rem 0;}
.drcd-quote--right .drcd-quote__media{order:2;}
.drcd-quote--right .drcd-quote__body{order:1;}
.drcd-quote__media{display:block;width:300px;height:300px;max-width:100%;border-radius:var(--drcd-radius-lg);background-size:cover;background-position:center;justify-self:center;border:1px solid var(--drcd-line);}
.drcd-quote__media--empty{background-color:#c9c2d8;}
.drcd-quote__body{margin:0;border:0;padding:0;}
.drcd-quote__text{font-family:'Prata',Georgia,serif;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.45;color:var(--drcd-brand-dark);margin:0 0 1rem;}
.drcd-quote__text::before{content:"\201C";}
.drcd-quote__text::after{content:"\201D";}
.drcd-quote__cite{font-style:normal;display:block;}
.drcd-quote__name{display:block;font-weight:700;color:var(--drcd-brand-dark);font-size:1.35rem;}
.drcd-quote__title{display:block;color:var(--drcd-muted);font-size:.95em;}
@media(max-width:780px){
	.drcd-quote,.drcd-quote--right{grid-template-columns:1fr;justify-items:center;text-align:center;}
	.drcd-quote--right .drcd-quote__media{order:0;}
	.drcd-quote--right .drcd-quote__body{order:0;}
	.drcd-quote__media{width:100%;max-width:300px;height:auto;aspect-ratio:1/1;}
}

/* v1.3.9 — quote: neutralize Nutrico theme blockquote/cite styling + tighten padding */
.drcd-quote{padding:2.5rem;align-items:center;}
.drcd-quote__body{margin:0 !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;quotes:none;}
.drcd-quote__body::before,.drcd-quote__body::after{content:none !important;display:none !important;}
.drcd-quote__cite::before,.drcd-quote__cite::after{content:none !important;display:none !important;}
.drcd-quote__cite{margin-top:.75rem;}
.drcd-quote__text{font-style:italic;margin:0 0 .5rem;}
@media(max-width:780px){.drcd-quote{padding:1.75rem;}}

/* v1.3.10 — quote: fix 40/60 + gap overflow (columns summed past 100%, text overran) */
.drcd-quote{grid-template-columns:40% 1fr;}
.drcd-quote--right{grid-template-columns:1fr 40%;}
.drcd-quote__body{min-width:0;}
.drcd-quote__text{overflow-wrap:break-word;}
@media(max-width:780px){.drcd-quote,.drcd-quote--right{grid-template-columns:1fr;}}
.drcd-quote-wrap{margin-top:1.25rem;}

/* v1.3.11 — quote: larger text + more padding (desktop + mobile) */
.drcd-quote{padding:3rem;gap:2.5rem;}
.drcd-quote__text{font-size:clamp(1.4rem,2.1vw,1.9rem);line-height:1.5;margin:0 0 1.1rem;}
.drcd-quote__name{font-size:1.4rem;}
@media(max-width:780px){
	.drcd-quote{padding:2rem;gap:1.5rem;}
	.drcd-quote__text{font-size:1.35rem;line-height:1.55;}
	.drcd-quote__media{max-width:240px;}
}

/* v1.3.12 — formula slider: larger eyebrow tag + text; hero subhead spacing before CTA */
.drcd-hero__sub{margin-bottom:2.25rem;}
.drcd-fslide{flex:0 0 300px;}
.drcd-fslide__tag{font-size:1rem;letter-spacing:.08em;}
.drcd-fslide__name{font-size:1.9rem;}
.drcd-fslide__role{font-size:1.3rem;line-height:1.5;}
@media(max-width:600px){
	.drcd-fslide{flex-basis:84%;}
	.drcd-fslide__tag{font-size:1.05rem;}
	.drcd-fslide__name{font-size:1.8rem;}
	.drcd-fslide__role{font-size:1.2rem;}
}

/* v1.3.13 — hero mobile: larger eyebrow + heading, body-size subhead */
@media(max-width:768px){
	.drcd-hero__eyebrow{font-size:1rem;letter-spacing:.1em;}
	.drcd-hero__title{font-size:2.2rem;line-height:1.12;}
	.drcd-hero__sub{font-size:1em;line-height:1.6;margin-bottom:1.75rem;}
}

/* ============================================================
   v1.4.0 — bio-age calculator (drcd/bio-age-calculator)
   ============================================================ */
.drcd-bioage{max-width:760px;margin:2rem auto;}
.drcd-bioage__card{background:#fff;border:1px solid var(--drcd-line);border-radius:var(--drcd-radius-lg);padding:2rem 1.75rem;}
.drcd-bioage__eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.8em;font-weight:700;color:var(--drcd-violet);margin:0 0 .5rem;}
.drcd-bioage__title{font-family:'Prata',Georgia,serif;font-size:clamp(1.6rem,3.2vw,2.2rem);line-height:1.15;color:var(--drcd-brand-dark);margin:0 0 .6rem;}
.drcd-bioage__sub{color:var(--drcd-muted);font-size:1.1em;margin:0 0 1.4rem;max-width:56ch;}
.drcd-bioage__fineprint{font-size:.85em;color:var(--drcd-muted);margin:1rem 0 0;}
.drcd-bioage__start{margin-top:.4rem;}

/* progress */
.drcd-bioage__progress{height:6px;border-radius:999px;background:var(--drcd-lavender);overflow:hidden;margin:0 0 1.25rem;}
.drcd-bioage__progress-bar{height:100%;background:var(--drcd-brand);border-radius:999px;transition:width .25s ease;}

/* questions */
.drcd-bioage__q-cluster{text-transform:uppercase;letter-spacing:.06em;font-size:.78em;font-weight:700;color:var(--drcd-violet);margin:0 0 .3rem;}
.drcd-bioage__fieldset{border:0;padding:0;margin:0;}
.drcd-bioage__q-stem{font-family:'Prata',Georgia,serif;font-size:1.4em;color:var(--drcd-brand-dark);line-height:1.3;padding:0;margin:0 0 1.1rem;}
.drcd-bioage__opt{display:flex;align-items:center;gap:.7rem;border:1.5px solid var(--drcd-lavender-line);border-radius:var(--drcd-radius);padding:.85rem 1.1rem;margin:0 0 .6rem;cursor:pointer;transition:border-color .15s,background .15s;}
.drcd-bioage__opt:hover{border-color:var(--drcd-brand);background:var(--drcd-surface);}
.drcd-bioage__opt.is-selected{border-color:var(--drcd-brand);background:var(--drcd-lavender);}
.drcd-bioage__opt input{accent-color:var(--drcd-brand);width:1.1em;height:1.1em;flex:0 0 auto;}
.drcd-bioage__opt-txt{font-size:1.02em;}
.drcd-bioage__nav{display:flex;align-items:center;gap:1rem;margin-top:1rem;}
.drcd-bioage__skip{background:none;border:0;color:var(--drcd-muted);text-decoration:underline;cursor:pointer;font-size:.9em;padding:.3em;margin-left:auto;}
.drcd-bioage__skip:hover{color:var(--drcd-brand);}
.drcd-bioage__back{padding:.5em 1.1em;}

/* result */
.drcd-bioage__result-head{border-radius:var(--drcd-radius);padding:1.4rem 1.5rem;margin:0 0 1.25rem;background:var(--drcd-surface);border-left:5px solid var(--drcd-brand);}
.drcd-bioage__result-head--supported{border-left-color:var(--drcd-evidence);}
.drcd-bioage__result-head--mixed{border-left-color:var(--drcd-amber);}
.drcd-bioage__result-head--opportunity-rich{border-left-color:var(--drcd-teal);}
.drcd-bioage__result-title{font-family:'Prata',Georgia,serif;font-size:1.7em;color:var(--drcd-brand-dark);margin:0 0 .4rem;}
.drcd-bioage__result-line{color:var(--drcd-ink);margin:0;font-size:1.05em;}

.drcd-bioage__radar-wrap{display:flex;justify-content:center;margin:1.25rem 0;}
.drcd-bioage__radar{width:min(300px,90%);height:auto;overflow:visible;}
.drcd-bioage__radar-lbl{font-size:11px;font-weight:700;fill:var(--drcd-muted);font-family:'Lato',sans-serif;}

.drcd-bioage__readouts{display:flex;flex-direction:column;gap:.7rem;margin:1.25rem 0;}
.drcd-bioage__readout{border:1px solid var(--drcd-line);border-radius:var(--drcd-radius);padding:.9rem 1.1rem;}
.drcd-bioage__readout-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;}
.drcd-bioage__readout-label{font-weight:700;color:var(--drcd-brand-dark);}
.drcd-bioage__readout-blurb{color:var(--drcd-muted);font-size:.95em;margin:.4rem 0 .3rem;}
.drcd-bioage__readout-instr{color:var(--drcd-ink);font-size:.9em;margin:0;}
.drcd-bioage__pill{display:inline-block;font-size:.72em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25em .7em;border-radius:999px;white-space:nowrap;}
.drcd-bioage__pill--well{background:#e5f1e2;color:#356b28;}
.drcd-bioage__pill--mixed{background:#faedcf;color:#8a6212;}
.drcd-bioage__pill--attention{background:#d8f0f1;color:#136066;}

.drcd-bioage__reveal{margin:1.25rem 0;}
.drcd-bioage__reveal-txt{margin:.2rem 0 0;color:var(--drcd-ink);}

.drcd-bioage__ctas{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0 .5rem;}
.drcd-bioage__restart{margin-top:.5rem;}
.drcd-bioage__disclaimer{font-size:.8em;color:var(--drcd-muted);line-height:1.55;border-top:1px solid var(--drcd-line);margin-top:1.4rem;padding-top:1rem;}
.drcd-bioage__capture-msg{font-size:.9em;color:var(--drcd-teal);margin:.5rem 0 0;}

/* editor preview */
.drcd-bioage--editor .drcd-bioage__editor-note{font-size:.9em;color:var(--drcd-muted);margin:1rem 0 .6rem;border-top:1px dashed var(--drcd-line);padding-top:.8rem;}
.drcd-bioage__editor-chips{display:flex;flex-wrap:wrap;gap:.4rem;}
.drcd-bioage__editor-chips .drcd-bioage__pill{background:var(--drcd-lavender);color:var(--drcd-brand-dark);}

@media(max-width:600px){
	.drcd-bioage__card{padding:1.5rem 1.25rem;}
	.drcd-bioage__q-stem{font-size:1.25em;}
	.drcd-bioage__ctas .drcd-btn{width:100%;text-align:center;}
}

/* ============================================================
   v1.4.2 — hero dark-variant title contrast + calculator prominence
   ============================================================ */

/* Dark hero: the container is color:#fff but the theme's h1 color was winning,
   leaving the title invisible. Give the title an explicit light color, matching
   the existing eyebrow/subheading dark-variant overrides. */
.drcd-hero--dark .drcd-hero__title{color:#fff;}

/* Make the bio-age calculator read as the primary tool on the page: a full-width,
   tinted panel with a soft shadow, and the interactive content centered at a
   comfortable reading width instead of an orphaned 760px column. */
.drcd-bioage{
	max-width:100%;
	margin:2.75rem 0;
	background:linear-gradient(165deg,#f2ecfb,#fbf9fe);
	border:1px solid var(--drcd-lavender-line);
	border-radius:var(--drcd-radius-lg);
	padding:2.5rem clamp(1rem,4vw,3rem);
	box-shadow:0 10px 34px rgba(113,80,145,.12);
}
.drcd-bioage__mount,
.drcd-bioage__disclaimer{max-width:860px;margin-left:auto;margin-right:auto;}
@media(max-width:600px){
	.drcd-bioage{padding:1.5rem 1.1rem;margin:2rem 0;}
}

/* ============================================================
   v1.4.3 — hero subhead alignment + calculator panel balance
   ============================================================ */

/* Left-aligned hero: the subheading was centered (margin:0 auto), which left it
   indented under a flush-left title. Left-align it to match eyebrow + title. */
.drcd-hero[data-align="left"] .drcd-hero__sub{margin-left:0;}

/* v1.4.4 — Left-aligned hero: the 60ch cap forced the subheading to 3 lines while
   the card sat half-empty. Widen it (the card has room) so it settles to 2 lines. */
.drcd-hero[data-align="left"] .drcd-hero__sub{max-width:84ch;}

/* Calculator: cap the tinted panel to a centered, focused width so the intro
   card reads balanced instead of floating in a full-width band, and let the
   inner content fill that panel. */
.drcd-bioage{max-width:960px;margin-left:auto;margin-right:auto;}
.drcd-bioage__mount,
.drcd-bioage__disclaimer{max-width:100%;}

/* ============================================================
   v1.4.5 — section band: a DARK plum panel (matches the dark hero)
   so the light tone-cards + white headings pop against it. Apply by
   wrapping blocks in a core/group with class "drcd-band".
   ============================================================ */
.drcd-band{
	background:#3B2A55;                 /* == --drcd-brand-dark, the dark hero */
	border-radius:22px;
	box-shadow:0 12px 36px rgba(59,42,85,.28);
	padding:2.75rem clamp(1.5rem,4vw,3rem);
	margin:2.75rem 0;
}
.drcd-band > :first-child{margin-top:0 !important;}
.drcd-band > :last-child{margin-bottom:0 !important;}
/* "How it works" reads as a clean header on the dark panel (no washed card bg) */
.drcd-band .drcd-callout{margin:0 0 1.75rem !important;background:transparent;border-left-color:#8D63B5;color:#e9e2f5;}
.drcd-band .drcd-callout__heading{color:#fff !important;}
/* section heading + trailing note go light */
.drcd-band .drcd-cards__heading{color:#fff !important;}
.drcd-band > p{margin:1.5rem 0 0;color:#d8d1e8;}
/* the four tone-cards keep their light look and pop on the dark panel; tighten the row gap */
.drcd-band .drcd-cards-wrap{margin-top:0 !important;margin-bottom:0 !important;}
.drcd-band .drcd-cards{gap:1.75rem 1.5rem;}   /* was a 4rem row gap */
@media(max-width:600px){.drcd-band{padding:1.75rem 1.25rem;}}

/* ============================================================
   v1.4.6 — formula-slider "grid" layout: the same slide cards,
   standalone. No horizontal scroll, no nav arrows; cards keep
   their 300px shape and wrap onto rows. Set layout:"grid".
   ============================================================ */
.drcd-fslider--grid .drcd-fslider__track{flex-wrap:wrap;overflow:visible;scroll-snap-type:none;}
.drcd-fslider--grid .drcd-fslide{scroll-snap-align:none;}
@media(max-width:600px){.drcd-fslider--grid .drcd-fslide{flex-basis:100%;}}

/* ============================================================
   v1.4.7 — feature-media (drcd/feature-media): an image beside a
   list of icon rows with a CTA. The "what's included" panel.
   ============================================================ */
.drcd-featuremedia-wrap{margin:2.75rem 0;}
.drcd-featuremedia{display:grid;grid-template-columns:1.2fr 0.85fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center;}
.drcd-featuremedia--img-left .drcd-featuremedia__media{order:-1;}
.drcd-featuremedia__heading{font-size:clamp(1.9rem,3.2vw,2.5rem);line-height:1.15;color:var(--drcd-brand-dark);letter-spacing:-0.01em;margin:0 0 .75rem;}
.drcd-featuremedia__intro{color:var(--drcd-muted);margin:0 0 1.5rem;font-size:1.1rem;line-height:1.5;}
.drcd-featuremedia__list{list-style:none;margin:0 0 1.75rem;padding:0;}
.drcd-featuremedia__row{display:flex;gap:1rem;align-items:flex-start;padding:1.1rem 0;border-top:1px solid var(--drcd-line);}
.drcd-featuremedia__row:first-child{border-top:0;padding-top:0;}
.drcd-featuremedia__icon{flex:0 0 auto;width:48px;height:48px;border-radius:12px;background:var(--drcd-lavender);color:var(--drcd-brand);display:flex;align-items:center;justify-content:center;}
.drcd-featuremedia__icon svg{width:24px;height:24px;}
.drcd-featuremedia__rowbody{display:flex;flex-direction:column;gap:.25rem;}
.drcd-featuremedia__rowtitle{font-family:'Prata',Georgia,serif;font-size:2.1rem;color:var(--drcd-brand-dark);line-height:1.25;}
.drcd-featuremedia__rowtext{color:var(--drcd-muted);font-size:1.68rem;line-height:1.6;}
.drcd-featuremedia__cta{display:inline-block;}
.drcd-featuremedia__note{font-size:.85rem;color:var(--drcd-muted);margin:.9rem 0 0;line-height:1.5;}
.drcd-featuremedia__media{display:block;width:100%;aspect-ratio:1/1;border-radius:var(--drcd-radius-lg);background-size:cover;background-position:center;background-color:#efeaf6;}
.drcd-featuremedia__media--empty{background:repeating-linear-gradient(135deg,#efeaf6,#efeaf6 12px,#e7e0f0 12px,#e7e0f0 24px);}
@media(max-width:820px){
	.drcd-featuremedia{grid-template-columns:1fr;gap:1.75rem;}
	.drcd-featuremedia__media{order:-1;max-width:420px;margin:0 auto;}
	.drcd-featuremedia__cta{width:100%;text-align:center;}
}

/* ============================================================
   v1.4.9 — more breathing room under the hero panel before the
   next block; feature-media row text sized up (see above).
   ============================================================ */
.drcd-hero{margin-bottom:2.75rem;}
@media(max-width:600px){.drcd-hero{margin-bottom:1.75rem;}}

/* ============================================================
   v1.4.13 — cards: "ribbon" section heading = the callout box
   look (light panel + left plum accent bar), applied to the
   cards section heading. headingStyle:"ribbon".
   ============================================================ */
.drcd-cards__heading--ribbon{
	display:block;
	background:var(--drcd-surface);
	border-left:4px solid var(--drcd-brand);
	border-radius:var(--drcd-radius);
	padding:1rem 1.5rem;
	margin:0 0 1.75rem;
	color:var(--drcd-brand-dark);
	font-size:clamp(1.6rem,2.8vw,2.1rem);
	line-height:1.2;
}
