/* Warm, hand-drawn vignettes for the three course themes. */
.dt-course-pictogram{position:relative;display:grid;place-items:center;isolation:isolate;min-height:225px;width:100%;background:#f4e7c7;color:#355c48}
.dt-course-pictogram .dt-pictogram-disc{position:absolute;width:164px;height:150px;background:#fffaf0;border:1px solid #355c4818;border-radius:45% 55% 52% 48%/52% 43% 57% 48%;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-2deg);box-shadow:0 7px 0 #355c4809}
.dt-course-pictogram>svg{width:124px;height:124px;fill:none}
.dt-course-illustration{overflow:visible;stroke:#2f493d;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.dt-course-illustration .dt-art-main{fill:#e9a56e}.dt-course-illustration .dt-art-paper{fill:#fffaf0}.dt-course-illustration .dt-art-light{fill:#f8dca0}.dt-course-illustration .dt-art-blue{fill:#9fc8d6}.dt-course-illustration .dt-art-sage,.dt-course-illustration .dt-art-leaf{fill:#89aa82}.dt-course-illustration .dt-art-peach{fill:#e7a78d}.dt-course-illustration .dt-art-orange,.dt-course-illustration .dt-art-sun-fill{fill:#efc35d}.dt-course-illustration .dt-art-ground{stroke:#b6a98c}.dt-course-illustration .dt-art-sun{stroke:#d9a536}.dt-course-illustration .dt-art-spark{fill:#f4ce68}.dt-course-illustration .dt-art-note{stroke:#6c7d9e}
.dt-pictogram-edit{background:#dfebef}.dt-pictogram-ai{background:#e8e1ed}
.dt-learn-top{aspect-ratio:auto}
.dt-learn-top .dt-course-pictogram{min-height:240px;padding-bottom:35px}
.dt-learn-top .dt-pictogram-disc{top:calc(50% - 17.5px)}
.dt-learn-label{box-shadow:none;background:transparent;bottom:10px;left:50%;transform:translateX(-50%);white-space:nowrap}
.dt-about-course-art .dt-course-pictogram{min-height:260px}
.dt-about-icon-hero{padding:65px 30px 45px;background:#e4ebd8;border-radius:80px 25px 80px 25px}
.dt-about-icon-sequence{display:flex;align-items:center;justify-content:center;gap:22px}
.dt-about-icon-sequence>span{display:grid;place-items:center;background:#f5dfac;width:120px;max-width:calc((100% - 44px)/3);height:auto;aspect-ratio:1;flex-shrink:0;border-radius:50%;position:relative;color:#355c48}
.dt-about-icon-sequence>span:nth-child(2){background:#d5e5ed}.dt-about-icon-sequence>span:nth-child(3){background:#e8dfe9}
.dt-about-icon-sequence>span+span::before{content:"";position:absolute;width:22px;left:-22px;top:50%;border-top:2px dotted #8b9b7b}
.dt-about-icon-sequence svg{width:78px;height:78px}
.dt-about-icon-message{text-align:center;font-size:29px;font-weight:700;line-height:1.9;margin:30px 0!important;color:var(--dt-green)}
@media(max-width:1100px){.dt-about-icon-sequence{gap:15px}.dt-about-icon-sequence>span{width:88px;height:88px}.dt-about-icon-sequence>span+span::before{width:15px;left:-15px}.dt-about-icon-sequence svg{width:64px;height:64px}.dt-about-icon-message{font-size:26px}}
@media(max-width:760px){.dt-about-icon-hero{padding:38px 18px 27px}.dt-about-icon-sequence{gap:14px}.dt-about-icon-sequence>span{width:83px;height:83px}.dt-about-icon-sequence>span+span::before{left:-14px;width:14px}.dt-about-icon-sequence svg{width:61px;height:61px}.dt-about-icon-message{font-size:24px;margin:22px 0!important}.dt-about-course-art .dt-course-pictogram{min-height:205px}.dt-learn-top .dt-course-pictogram{min-height:215px}.dt-course-pictogram .dt-pictogram-disc{width:150px;height:138px}.dt-course-pictogram>svg{width:112px;height:112px}}
@media(max-width:359px){.dt-about-icon-sequence>span{width:67px;height:67px}.dt-about-icon-sequence svg{width:50px;height:50px}.dt-about-icon-message{font-size:22px}}