.omc-ds-page .direct-practice{min-width:0}.omc-ds-page .direct-practice h1{letter-spacing:-.045em;font-size:clamp(42px,5.3vw,72px);line-height:1.08}.omc-ds-page .direct-practice h2{letter-spacing:-.04em;font-size:clamp(30px,3.3vw,46px);line-height:1.16}.omc-ds-page .direct-practice h3{letter-spacing:-.03em;font-size:clamp(22px,2vw,28px);line-height:1.3}.omc-ds-page .direct-practice p{font-size:18px;line-height:1.6}.omc-ds-page .direct-practice p+p{margin-top:20px}.omc-ds-page .direct-practice .ds-section{padding-block:96px}.omc-ds-page .ds-training-opening{padding-block:48px 96px}.omc-ds-page .ds-training-opening>.ds-grid{align-items:start}.omc-ds-page .direct-practice .direct-opening-line{max-width:22ch;margin-top:28px;font-size:27px;line-height:1.4}.direct-availability{font-weight:700}.omc-ds-page .direct-practice .direct-demo-disclosure{margin-top:20px;font-size:14px}.omc-ds-page .direct-practice .ds-actions{gap:24px}.omc-ds-page .ds-training-quote blockquote{max-width:28ch;margin:0;font-size:clamp(24px,2.4vw,32px);font-weight:600;line-height:1.4}.omc-ds-page .ds-training-copy>h2+p{margin-top:28px}.direct-example-heading{grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-bottom:48px;display:grid}.direct-example-layout{grid-template-columns:.8fr 1.2fr;align-items:start;gap:72px;display:grid}.direct-example-chapters{padding-bottom:20vh}.direct-example-chapters article{opacity:.5;flex-direction:column;justify-content:center;min-height:62vh;padding-block:48px;transition:opacity .18s;display:flex}.direct-example-chapters article[data-active=true]{opacity:1}.direct-example-chapters h3{margin-bottom:20px}.direct-example-sticky{min-width:0;position:sticky;top:115px}.direct-app{color:#f7f4ec;background:#052b22}.direct-app-bar{background:#204338;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:20px 28px;font-size:14px;display:flex}.direct-techniques{gap:8px;padding:24px 28px 0;display:flex}.direct-techniques button{color:#f7f4ec;cursor:pointer;background:#204338;border:0;padding:12px 16px;font:700 16px/1.4 Mulish,sans-serif}.direct-techniques button[aria-pressed=true]{color:#052b22;background:#a6cf4f}.direct-techniques button:hover{color:#052b22;background:#e7eccf}.direct-app-stage{min-height:360px;padding:32px 28px;display:grid}.direct-app-panel{visibility:hidden;grid-area:1/1;min-width:0}.direct-app-panel[data-active=true]{visibility:visible}.direct-app-stage h3{margin-bottom:24px}.direct-app-stage blockquote{margin:20px 0;font-size:25px;font-weight:600;line-height:1.4}.omc-ds-page .direct-app-stage p{font-size:16px}.direct-app-technique{color:#a6cf4f;font-weight:700}.direct-app-bottom{background:#204338;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 28px;font-size:14px;display:flex}.direct-example-next{color:#052b22;cursor:pointer;background:#a6cf4f;border:0;align-items:center;gap:12px;padding:12px 16px;font:700 15px/1.4 Mulish,sans-serif;display:none}.direct-example-next:hover{background:#e7eccf}.direct-example-step-buttons{gap:12px;padding:20px 28px 0;display:none}.direct-example-step-buttons button{color:#f7f4ec;cursor:pointer;background:#204338;border:0;border-radius:50%;width:44px;height:44px;font:700 16px/1 Mulish,sans-serif}.direct-example-step-buttons button[aria-current=step],.direct-example-step-buttons button:hover{color:#052b22;background:#a6cf4f}.omc-ds-page .direct-practice .direct-example-caption{margin-top:14px;font-size:13px}.direct-learning-intro{grid-template-columns:1fr 1fr;gap:80px;margin-bottom:48px;display:grid}.direct-learning ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;margin:0;padding:0;list-style:none;display:grid}.direct-learning h3{margin-bottom:18px}.omc-ds-page .direct-learning li p{font-size:16px}.direct-practice :is(a,button):focus-visible,.direct-demo :is(a,button,textarea):focus-visible{outline-offset:4px;outline:3px solid}#demo,#training-scroll-title{scroll-margin-top:100px}.direct-demo[data-slot=dialog-content]{color:#f7f4ec;background:#052b22;border:0;border-radius:0;width:min(880px,100% - 32px);max-width:none;min-height:0;max-height:calc(100dvh - 32px);padding:40px;font:400 17px/1.55 Mulish,sans-serif;overflow-y:auto}.direct-demo [data-slot=dialog-title]{letter-spacing:-.04em;color:#f7f4ec;padding-right:24px;font:600 32px/1.25 Sora,sans-serif}.direct-demo [data-slot=dialog-title]:focus{outline:none}.direct-demo [data-slot=dialog-description]{color:#f7f4ec;margin-top:16px;font-size:15px;line-height:1.55}.direct-demo [data-slot=dialog-close]{color:#f7f4ec;place-items:center;min-width:44px;min-height:44px;display:grid;top:6px;right:6px}.direct-demo-steps{grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0;padding:0;font-size:13px;list-style:none;display:grid}.direct-demo-steps li{opacity:.65;align-items:flex-start;gap:8px;display:flex}.direct-demo-steps li[aria-current=step]{opacity:1;color:#a6cf4f;font-weight:700}.direct-demo-steps li>span:first-child{flex-shrink:0}.direct-demo-body{gap:24px;min-width:0;display:grid}.direct-demo-body p{overflow-wrap:anywhere;margin:0}.direct-demo-body blockquote{margin:0;font-size:25px;line-height:1.4}.direct-demo-body>.ds-button{justify-self:start}.direct-demo-techniques{gap:16px;display:grid}.direct-demo-techniques button{text-align:left;color:#f7f4ec;font:inherit;cursor:pointer;background:#204338;border:0;gap:12px;padding:24px 56px 24px 24px;display:grid;position:relative}.direct-demo-techniques strong{color:#a6cf4f;font-size:22px}.direct-demo-techniques button>svg{position:absolute;top:28px;right:24px}.direct-demo-techniques button:hover{background:#3b5b43}.direct-demo textarea{color:#052b22;resize:vertical;width:100%;min-height:140px;font:inherit;background:#f7f4ec;border:0;padding:16px;display:block}.direct-demo label{font-weight:700}.direct-demo .direct-demo-note{font-size:14px}.direct-demo .ds-button:disabled{opacity:.45;cursor:not-allowed}.direct-demo-own,.direct-demo-model{background:#204338;gap:20px;padding:24px;display:grid}.direct-demo-own h3,.direct-demo-model h3{color:#a6cf4f;font:700 17px/1.4 Mulish,sans-serif}.direct-demo-own p{white-space:pre-wrap}.direct-demo-bottom{flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:12px;display:flex}.direct-demo-bottom button,.direct-demo-restart{color:#f7f4ec;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:fit-content;padding:12px 0;font:700 16px/1.4 Mulish,sans-serif;display:inline-flex}.direct-demo-bottom button:hover,.direct-demo-restart:hover{color:#a6cf4f;text-underline-offset:4px;text-decoration:underline}@media (width<=1000px),(height<=800px),(prefers-reduced-motion:reduce){.direct-example-chapters,.direct-example-scroll-label{display:none}.direct-example-layout{display:block}.direct-example-sticky{max-width:800px;margin:auto;position:static}.direct-example-step-buttons,.direct-example-next{display:flex}}@media (width<=1000px){.omc-ds-page .ds-training-opening>.ds-grid{grid-template-columns:1fr;gap:32px}.direct-learning ol{grid-template-columns:repeat(2,minmax(0,1fr))}.direct-learning-intro{grid-template-columns:1fr;gap:24px}.direct-example-heading,.direct-learning-intro{gap:40px}}@media (width<=700px){.omc-ds-page .direct-practice .ds-wrap{width:calc(100% - 40px)}.omc-ds-page .direct-practice h1{font-size:clamp(34px,8vw,46px)}.omc-ds-page .direct-practice h2{font-size:clamp(28px,6.3vw,36px)}.omc-ds-page .direct-practice h3{font-size:22px}.omc-ds-page .ds-training-opening{padding-block:24px 56px}.omc-ds-page .direct-practice .ds-section{padding-block:56px}.omc-ds-page .direct-practice .direct-opening-line{margin-top:20px;font-size:23px}.omc-ds-page .direct-practice .ds-actions{flex-direction:column;align-items:stretch;gap:20px}.omc-ds-page .direct-practice .ds-actions .ds-link{align-self:start}.direct-example-heading,.direct-learning-intro{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.direct-app-bar,.direct-app-bottom{padding:16px 20px}.direct-techniques{gap:6px;padding:20px 20px 0}.direct-techniques button{padding:12px 10px;font-size:14px}.direct-example-step-buttons{padding:20px 20px 0}.direct-app-stage{min-height:380px;padding:24px 20px}.direct-app-stage blockquote{font-size:22px}.direct-learning ol{grid-template-columns:1fr;gap:32px}.direct-demo[data-slot=dialog-content]{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:32px 20px 20px}.direct-demo [data-slot=dialog-title]{font-size:25px}.direct-demo-steps{grid-template-columns:repeat(4,1fr)}.direct-demo-steps li{flex-direction:column}.direct-demo-steps li>span:last-child{display:none}.direct-demo-body blockquote{font-size:22px}.direct-demo-body .ds-actions{flex-direction:column;align-items:stretch}.direct-demo-body .ds-button{white-space:normal;justify-content:space-between;width:100%}.direct-demo-own,.direct-demo-model{padding:20px}}@media (prefers-reduced-motion:no-preference){.direct-app-panel[data-active=true]{animation:.16s ease-out direct-preview-enter}@keyframes direct-preview-enter{0%{opacity:.6}to{opacity:1}}}.direct-practice-cartoon{min-width:0;margin:0 0 24px}.direct-practice-cartoon-image{aspect-ratio:1782/883;background:#052b22;width:100%;overflow:hidden}.direct-practice-cartoon .cp-view{--vw:1782;--narrow:0}.direct-practice-cartoon>p{margin:10px 0 0;line-height:1.5}.omc-ds-page .direct-practice .direct-practice-cartoon>p,.direct-demo .direct-practice-cartoon>p{font-size:14px}.direct-practice-cartoon>p span{font-size:12px}.direct-example-mobile-cartoon{display:none}.direct-demo .direct-practice-cartoon{margin:0}.direct-demo .direct-practice-cartoon-image{max-width:700px;margin:auto}@media (width<=1000px),(height<=800px),(prefers-reduced-motion:reduce){.direct-example-mobile-cartoon{display:block}}.omc-ds-page .direct-practice .direct-practice-cartoon .cp-lettering,.direct-demo .direct-practice-cartoon .cp-lettering{font:700 calc(var(--size,42) * var(--u)) / 1.18 "Comic Neue","Comic Sans MS",cursive;color:#141a16;margin:0}