.hdm{--hdm-bg:#141c16;--hdm-ink:#eff1e9;--hdm-muted:#bcc8ba;--hdm-accent:#ffd600;box-sizing:border-box;background:var(--hdm-bg);color:var(--hdm-ink);padding:clamp(20px,4vw,48px);border:1px solid #485542;border-top:3px solid var(--hdm-accent);margin:24px 0;max-width:100%;text-align:left;line-height:1.65}
.hdm *{box-sizing:border-box;min-width:0}.hdm h2,.hdm h3{color:var(--hdm-ink);text-transform:none;line-height:1.15;margin:0 0 18px}.hdm h2{font-size:clamp(26px,3vw,42px)}.hdm h3{font-size:clamp(20px,2vw,27px)}.hdm p{color:inherit;margin:0 0 18px;max-width:90ch}.hdm a{color:var(--hdm-accent)}.hdm .hdm-kicker{font:700 12px/1.5 monospace;letter-spacing:.1em;color:var(--hdm-accent);margin-bottom:22px}.hdm .hdm-note{color:var(--hdm-muted);font-size:14px}.hdm-figure{margin:26px 0;background:#0a100c;border:1px solid #485542}.hdm-figure>a{display:block}.hdm-figure img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain;margin:0;background:#0a100c}.hdm-figure figcaption{padding:22px}.hdm-figure figcaption strong{display:block;font-size:19px;color:var(--hdm-ink);margin-bottom:10px}.hdm-figure figcaption p{font-size:15px}.hdm-enlarge{font-size:13px;color:var(--hdm-accent)}.hdm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.hdm-feature{padding:24px;border:1px solid #485542;margin-bottom:24px}.hdm-link{display:inline-block;border-bottom:2px solid var(--hdm-accent);padding:10px 0;font-weight:700;text-decoration:none}.hdm summary{cursor:pointer;color:var(--hdm-ink);font-weight:700;line-height:1.4}.hdm summary:focus-visible,.hdm a:focus-visible{outline:3px solid var(--hdm-accent);outline-offset:5px}.hdm-course>summary{font-size:clamp(20px,2.5vw,28px)}.hdm-course-body{padding-top:28px}.hdm-lesson{border-top:1px solid #485542;padding:20px 0}.hdm-lesson>summary{font-size:19px}.hdm-exercise{padding:24px;background:#243022}.hdm-exercise details{margin-top:15px}.hdm-exercise details p{padding-top:16px}@media(max-width:700px){.hdm-grid{grid-template-columns:1fr}.hdm-feature,.hdm-figure figcaption,.hdm-exercise{padding:17px}.hdm{padding:20px 15px}.hdm-figure img{max-height:none}}