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