
.dd-page .sd-main{max-width:1200px;padding-inline:38px;color:var(--se-ink)}
.dd-page .sd-main h1,.dd-page .sd-main h2{color:var(--se-ink);font-weight:400}
.dd-page .sd-main p{color:var(--se-muted)}
.dd-page .sd-hero{min-height:8rem}
.dd-self{background:radial-gradient(ellipse at 85% 6%,#dce9df,transparent 48%),#f2f4eb}
.dd-spirituality{background:radial-gradient(ellipse at 85% 6%,#e1dbef,transparent 52%),#f5eff7}
.dd-science{background:radial-gradient(ellipse at 85% 6%,#dce9e4,transparent 44%),#f1f5f0}
.dd-page{--se-ink:#304b41;--se-muted:#455e54}
.dd-spirituality{--se-ink:#463955;--se-muted:#554b62}
.dd-self .sd-path,.dd-spirituality .sd-path{color:var(--se-ink);border-color:#b7c6ba}
.dd-self .dd-choice-0{background:#e0ede5}.dd-self .dd-choice-1{background:#edf0de}.dd-self .dd-choice-2{background:#f3eadd}
.dd-spirituality .sd-path{border-color:#c8bbd1}
.dd-spirituality .dd-choice-0{background:#e6dff1}.dd-spirituality .dd-choice-1{background:#f3e7ec}.dd-spirituality .dd-choice-2{background:#e5e7f2}
.dd-anchor{position:absolute;top:0;scroll-margin-top:6rem}
.dd-jump{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:2rem}
.dd-jump a{padding:.55rem .8rem;border:1px solid #9bac9f;border-radius:8px;color:#274638;background:#e6eee7;font-weight:600}
.dd-science-section{margin:0 0 2rem;border-top:1px solid #aebfb0;padding-top:1rem;scroll-margin-top:6rem}
.dd-science-section h2{font-size:clamp(1.7rem,3vw,2.4rem);margin:0 0 .75rem}
.dd-columns{display:grid;gap:1rem 1.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}
.dd-group h3{font:600 .9rem/1.4 system-ui,sans-serif;letter-spacing:0;margin:.25rem 0 .5rem}
.dd-group ul{list-style:none;padding:0;margin:0}
.dd-group:only-child{grid-column:1/-1}
.dd-group:only-child ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}
.dd-group a{display:flex;flex-direction:column;gap:.24rem;color:#274638;padding:.65rem .5rem;border-bottom:1px solid #c9d6cb;text-decoration:none}
.dd-group a strong{text-decoration:underline;text-underline-offset:.2em}
.dd-group a span{font-size:.875rem;line-height:1.45;color:#455e54}
.dd-group a:hover{background:#e2ede4}
@media(max-width:720px){.dd-page .sd-main{padding-inline:1rem}.dd-page .sd-hero{min-height:0}.dd-columns,.dd-group:only-child ul{grid-template-columns:1fr}.dd-group h3{margin-top:.6rem}}
