.dwc-page{--page-accent:var(--red-bold);--page-accent-tint:color-mix(in srgb,var(--red-soft)55%,var(--cream));--page-accent-ink:var(--charcoal);background:var(--cream);min-height:100vh}.dwc-prose{width:100%;max-width:56rem;margin-inline:auto}.dwc-prose p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}@media (min-width:768px){.dwc-prose p{font-size:var(--text-base)}}.dwc-list{gap:var(--space-2);margin:var(--space-3)0 0;padding-left:1.25rem;list-style:outside;display:grid}.dwc-list li::marker{color:var(--post-section-tone)}.dwc-page .post-section>p+p{margin-top:var(--space-4)}.dwc-page .code-block,.dwc-page .dwc-practice,.dwc-page .code-block+p{margin-top:var(--space-5)}.dwc-page .post-section p strong{font-weight:var(--font-bold)}.dwc-circle-example{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.dwc-circle-example .code-block{margin-top:0}.dwc-circle-demo{min-height:13rem;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--bg-default);place-items:center;display:grid}.dwc-circle-example-outer{aspect-ratio:1;background:var(--sky-bold);border-radius:50%;place-items:center;width:min(11.25rem,72vw);display:grid}.dwc-circle-example-inner{aspect-ratio:1;background:var(--lemon-bold);border-radius:50%;width:52%}@media (min-width:700px){.dwc-circle-example{grid-template-columns:minmax(13rem,.75fr) minmax(0,1.5fr);align-items:center}}.dwc-practice{border:1px solid var(--border-subtle);border-radius:var(--radius-xs);width:100%;max-width:56rem;margin-inline:auto;overflow:hidden}.dwc-practice-panes{grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:640px){.dwc-practice-panes{grid-template-columns:repeat(2,minmax(0,1fr))}}.dwc-editor{border-bottom:1px solid var(--border-subtle);flex-direction:column;min-width:0;display:flex}@media (min-width:640px){.dwc-editor:first-child{border-right:2px solid var(--marigold-soft);border-bottom:none}}.dwc-editor-title{font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.08em;text-transform:uppercase;padding:var(--space-2)var(--space-3);background:var(--marigold-soft);color:var(--text-primary)}.dwc-editor-codemirror{font-size:13px}.dwc-editor-codemirror .cm-editor,.dwc-editor-codemirror .cm-gutters{background:var(--charcoal)}.dwc-editor-codemirror .cm-gutters{border-right-color:var(--neutral-700);color:var(--neutral-500)}.dwc-practice-preview{border:none;border-top:2px solid var(--marigold-bold);background:var(--bg-default);width:100%;height:255px;display:block}.dwc-demo-strip{gap:var(--space-3);margin-top:var(--space-4);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.dwc-demo-strip:last-child{margin-bottom:2.25rem}.dwc-demo-strip+p{margin-top:var(--space-4)}.dwc-demo-tile{align-content:center;justify-items:center;gap:var(--space-3);min-height:7.25rem;padding:var(--space-4)var(--space-2);border-radius:var(--radius-xs);background:color-mix(in srgb,var(--post-section-tone-soft)38%,var(--bg-default));margin:0;display:grid}.dwc-demo-stage{place-items:center;min-height:3.5rem;display:grid}.dwc-demo-caption{font-family:var(--font-mono);text-align:center;color:var(--text-muted);font-size:.75rem;line-height:1.4}.dwc-demo-shape{background:var(--post-section-tone);width:3.5rem;height:3.5rem}.dwc-demo-shape--cup{border-radius:0 0 18px 18px}.dwc-demo-shape--circle{border-radius:50%}.dwc-demo-cup{background:var(--post-section-tone);border-radius:0 0 16px 16px;width:4.875rem;height:3.875rem;margin-right:1.25rem;position:relative}.dwc-demo-cup__handle{border:7px solid var(--charcoal);border-left:0;border-radius:0 50% 50% 0;width:26px;height:30px;position:absolute;top:10px;left:70px}.dwc-demo-move{border:1.5px dashed color-mix(in srgb,var(--charcoal)45%,transparent);width:3.5rem;height:3.5rem;margin-right:1.75rem;position:relative}.dwc-demo-move:after{content:"";background:var(--post-section-tone);position:absolute;inset:-1.5px;transform:translate(28px)}.dwc-demo-stack{width:5.25rem;height:3.5rem;position:relative}.dwc-demo-stack i{border-radius:50%;width:3.5rem;height:3.5rem;position:absolute;top:0}.dwc-demo-stack i:first-child{background:var(--marigold-bold);left:0}.dwc-demo-stack i:last-child{background:var(--post-section-tone);right:0}.dwc-demo-stack--front i:first-child{z-index:2}.dwc-demo-pseudo{background:var(--post-section-tone);width:3.5rem;height:3.5rem;position:relative}.dwc-demo-pseudo:before,.dwc-demo-pseudo:after{content:"";position:absolute}.dwc-demo-pseudo:before{background:var(--marigold-bold);border-radius:50%;width:22px;height:22px;top:14px;left:-14px}.dwc-demo-pseudo:after{background:var(--iris-bold);width:26px;height:18px;bottom:-10px;right:-14px}.dwc-demo-key{vertical-align:baseline;width:.5rem;height:.5rem;margin-right:.3em;display:inline-block}.dwc-demo-key--before{background:var(--marigold-bold);border-radius:50%}.dwc-demo-key--after{background:var(--iris-bold)}.dwc-demo-rings{background:var(--post-section-tone);width:1.75rem;height:1.75rem;box-shadow:0 0 0 8px var(--post-section-tone-soft),0 0 0 16px var(--iris-bold),0 0 0 24px var(--marigold-bold);border-radius:50%;margin:1.5rem}@media (max-width:480px){.dwc-demo-caption{font-size:.6875rem}}.dwc-demo-stage--teacup{isolation:isolate;min-width:13rem;min-height:9.5rem}