.dc{padding:calc(64px + clamp(40px,6vw,80px)) 0 clamp(80px,10vw,128px)}.dc-grid{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.dc-side{gap:14px;display:grid;position:sticky;top:96px}.dc-side nav{border-left:1px solid var(--line);display:grid}.dc-side a{color:var(--mute);transition:color var(--t-quick);border-left:2px solid #0000;margin-left:-1px;padding:6px 0 6px 14px;font-size:15px;text-decoration:none}.dc-side a:hover{color:var(--fg)}.dc-side a.on{border-left-color:var(--accent-text);color:var(--fg);font-weight:600}.dc-article{min-width:0;max-width:44rem}.dc-title{font-size:clamp(38px,4.4vw,60px)}.dc-lede{border-bottom:1px solid var(--line);margin-top:18px;padding-bottom:28px}.dc-body{padding-top:8px}.dc-prose{color:color-mix(in oklab,var(--fg)86%,transparent);text-wrap:pretty;font-size:17px;line-height:1.7;margin:18px 0 0!important}.dc-prose a,.dc-body a{color:var(--accent-text)}.dc-body code{background:var(--paper-chip);color:var(--ink);overflow-wrap:anywhere;border-radius:4px;padding:1px 5px}.dc-h{font-family:var(--display);letter-spacing:-.015em;font-size:clamp(24px,2.4vw,30px);font-weight:500;line-height:1.15;margin:44px 0 0!important}.dc-body ol,.dc-body ul{margin-top:14px}.dc-practice{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 8px;display:grid}.dc-practice>div{border:1px solid var(--line);background:var(--raised);border-top-width:2px;border-radius:10px;padding:16px 18px}.dc-practice .do{border-top-color:var(--ok)}.dc-practice .dont{border-top-color:var(--red)}.dc-practice p:first-child{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-size:11px;margin-bottom:6px!important}.dc-practice p:last-child{font-size:15px;line-height:1.55}.dc-install{margin-top:24px}.dc-install pre{font-size:13px}.dc-table-wrap{margin-top:20px;overflow-x:auto}.dc-table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5}.dc-table th,.dc-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 16px 12px 0}.dc-table thead th{border-bottom:1px solid var(--fg);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-size:12px;font-weight:500}.dc-table tbody th{width:34%;font-weight:600}.dc-table td{color:color-mix(in oklab,var(--fg)84%,transparent)}.dc-table tbody th code{overflow-wrap:normal;white-space:nowrap}.dc-faq{margin-top:56px}.dc-faq h2{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:14px;font-size:12px;font-weight:500}.dc-pager{grid-template-columns:1fr 1fr;gap:12px;margin-top:64px;display:grid}.dc-pager a{border:1px solid var(--line);transition:border-color var(--t-quick);border-radius:10px;gap:4px;padding:16px 18px;font-weight:600;text-decoration:none;display:grid}.dc-pager a:hover{border-color:var(--accent-text)}.dc-pager .next{text-align:right}.dc-pager small{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-size:11px;font-weight:400}.dc-guides{border-top:1px solid var(--fg);gap:0;display:grid;margin-top:20px!important}.dc-guides a{border-bottom:1px solid var(--line);gap:4px;padding:18px 0;text-decoration:none;display:grid;color:var(--fg)!important}.dc-guides strong{font-size:18px;font-weight:600}.dc-guides span{color:var(--mute);font-size:15px;line-height:1.5}@media (max-width:860px){.dc-grid{grid-template-columns:1fr}.dc-side{position:static}.dc-side nav{border-left:0;flex-wrap:wrap;gap:6px;display:flex}.dc-side a,.dc-side a.on{border:1px solid var(--line);border-radius:999px;margin:0;padding:6px 12px;font-size:14px}.dc-side a.on{border-color:var(--accent-text)}.dc-practice,.dc-pager{grid-template-columns:1fr}}