.dc-guide-page,.dc-guide-page h1,.dc-guide-page h2,.dc-guide-page h3,.dc-guide-page p,.dc-guide-page a,.dc-guide-page time,.dc-guide-page span,.dc-guide-page li{overflow-wrap:anywhere}@media (width<=640px){.dc-guide-page{padding-left:16px;padding-right:16px}}.dc-guide-hero{margin-bottom:clamp(32px,5vw,56px)}.dc-guide-updated{color:color-mix(in srgb, var(--foreground) 50%, transparent);align-items:center;gap:6px;margin:16px 0 0;font-size:13px;line-height:1.5;display:inline-flex}.dc-guide-updated time{font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--foreground) 68%, transparent)}.dc-guide-layout{width:100%;position:relative}@media (width>=980px){.dc-guide-layout{align-items:flex-start;gap:clamp(40px,5vw,64px);display:flex}.dc-guide-toc{scrollbar-width:thin;flex-shrink:0;width:220px;max-height:calc(100vh - 120px);padding-bottom:32px;position:sticky;top:96px;overflow-y:auto}.dc-guide-toc ol{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.dc-guide-toc li{margin:0;padding:0}.dc-guide-toc a{color:color-mix(in srgb, var(--foreground) 60%, transparent);font-size:13px;line-height:1.55;text-decoration:none;transition:color .15s;display:block}.dc-guide-toc a:hover,.dc-guide-toc a:focus-visible{color:var(--accent)}.dc-guide-article{flex:1;min-width:0;max-width:720px}}@media (width<=979px){.dc-guide-layout{flex-direction:column;gap:clamp(32px,5vw,48px);display:flex}.dc-guide-toc{box-sizing:border-box;background-color:color-mix(in srgb, var(--foreground) 2.5%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 9%, transparent);border-radius:12px;width:100%;padding:16px 20px}.dc-guide-toc ol{flex-wrap:wrap;gap:8px 10px;margin:0;padding:0;list-style:none;display:flex}.dc-guide-toc li{max-width:100%;margin:0;padding:0}.dc-guide-toc a{color:color-mix(in srgb, var(--foreground) 75%, transparent);background-color:color-mix(in srgb, var(--foreground) 4%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 8%, transparent);box-sizing:border-box;border-radius:8px;align-items:center;max-width:100%;padding:6px 12px;font-size:13px;line-height:1.4;text-decoration:none;transition:color .15s,background-color .15s,border-color .15s;display:inline-flex}.dc-guide-toc a:hover,.dc-guide-toc a:focus-visible{color:var(--accent);background-color:color-mix(in srgb, var(--accent) 8%, transparent);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.dc-guide-article{width:100%;min-width:0;max-width:720px}}.dc-guide-toc-title{letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb, var(--foreground) 45%, transparent);margin:0 0 12px;font-size:12px;font-weight:600}.dc-guide-section{margin-bottom:clamp(48px,8vw,88px);scroll-margin-top:96px;position:relative}.dc-guide-section:last-child{margin-bottom:0}.dc-guide-page .dc-guide-section .dc-about-section-title{letter-spacing:-.02em;margin:0 0 clamp(16px,2.5vw,24px);font-size:clamp(22px,2.6vw,30px);line-height:1.25}.dc-guide-paragraph{color:color-mix(in srgb, var(--foreground) 78%, transparent);text-wrap:pretty;margin:0 0 20px;font-size:16px;line-height:1.75}.dc-guide-paragraph:last-child{margin-bottom:0}.dc-guide-list{flex-direction:column;gap:12px;margin:0 0 24px;padding:0;list-style:none;display:flex}.dc-guide-list li{color:color-mix(in srgb, var(--foreground) 78%, transparent);padding-left:20px;font-size:15px;line-height:1.7;position:relative}.dc-guide-list li:before{content:"";background-color:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;position:absolute;top:.65em;left:4px}.dc-guide-steps{flex-direction:column;margin:0 0 28px;padding:0;list-style:none;display:flex;position:relative}.dc-guide-step{align-items:flex-start;gap:16px;padding-bottom:28px;display:flex;position:relative}.dc-guide-step:last-child{padding-bottom:0}.dc-guide-step:not(:last-child):after{content:"";background-color:color-mix(in srgb, var(--foreground) 12%, transparent);width:1px;position:absolute;top:30px;bottom:2px;left:13px}.dc-guide-page .dc-guide-step .dc-about-how-index{letter-spacing:-.01em;color:var(--accent);background-color:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 26%, transparent);z-index:1;box-sizing:border-box;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:26px;min-width:26px;height:26px;margin:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:600;display:inline-flex;position:relative}.dc-guide-page .dc-guide-step .dc-about-how-index:after{display:none}.dc-guide-page .dc-guide-step>div{flex:1;min-width:0;padding-top:2px}.dc-guide-page .dc-guide-step .dc-about-how-step-title{color:var(--foreground);margin:0 0 6px;font-size:16px;font-weight:600;line-height:1.4}.dc-guide-page .dc-guide-step .dc-about-how-step-text{color:color-mix(in srgb, var(--foreground) 70%, transparent);margin:0;font-size:14px;line-height:1.7}.dc-guide-figure{border:1px solid color-mix(in srgb, var(--foreground) 10%, transparent);background-color:color-mix(in srgb, var(--foreground) 2.5%, transparent);box-shadow:0 16px 36px color-mix(in srgb, var(--foreground) 3.5%, transparent), 0 1px 3px color-mix(in srgb, var(--foreground) 5%, transparent);border-radius:14px;margin:28px 0;overflow:hidden}.dc-guide-figure img{background-color:color-mix(in srgb, var(--foreground) 3%, transparent);width:100%;height:auto;display:block}.dc-guide-figure figcaption{color:color-mix(in srgb, var(--foreground) 55%, transparent);text-align:center;border-top:1px solid color-mix(in srgb, var(--foreground) 7%, transparent);margin:0;padding:12px 16px;font-size:13px;line-height:1.5}.dc-guide-page .dc-about-faq{margin-top:clamp(48px,8vw,80px)}.dc-guide-page .dc-about-faq-summary{padding:18px 0;font-size:16px}.dc-guide-page .dc-about-faq-answer{font-size:15px;line-height:1.75}.dc-guide-page .dc-about-cta{margin-top:clamp(64px,10vw,112px)}@media (prefers-reduced-motion:reduce){.dc-guide-page *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dc-guide-related a{color:var(--foreground);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--foreground) 30%, transparent);text-decoration-color:color-mix(in srgb, var(--foreground) 30%, transparent);text-underline-offset:4px;transition:text-decoration-color .2s}.dc-guide-related a:hover,.dc-guide-related a:focus-visible{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}