@layer components{.dc-page pre,.dc-page code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.dc-page pre{white-space:pre;margin:0;overflow-x:auto}.dc-page .c{color:var(--text-muted)}.dc-hero-code{padding:clamp(20px,2.2vw,28px)}.dc-hero-code__h,.dc-code__h{font:600 12px/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--bb-mint);margin:0 0 12px}.dc-hero-code pre,.dc-code pre{color:var(--text);background:#03060cb8;border-radius:16px;padding:16px 18px;font-size:13.5px;line-height:1.65;box-shadow:inset 0 0 0 1px #5cf5c824}.dc-ways{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin:0;padding:0;list-style:none;display:grid}.dc-ways>li{background:linear-gradient(160deg,#5cf5c813,#5cf5c803 55%),#050c14a8;border-radius:24px;flex-direction:column;gap:12px;min-width:0;padding:clamp(20px,2vw,28px);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #5cf5c826}.dc-ways__k{font:900 clamp(30px, 2.6vw, 42px)/.9 var(--display);letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1px #5cf5c873}.dc-ways h3{font:700 20px/1.2 var(--display);letter-spacing:-.02em;color:var(--text);margin:0}.dc-ways pre{color:var(--bb-mint);background:#03060cb3;border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.6}.dc-ways p{color:var(--text-2);margin:0;font-size:16px;line-height:1.55}.dc-group{gap:20px;padding-top:clamp(30px,4vw,56px);display:grid}.dc-group+.dc-group{border-top:1px solid var(--line);margin-top:clamp(20px,3vw,40px)}.dc-group{scroll-margin-top:90px}.dc-group__head{gap:8px;display:grid}.dc-group__head h3{font:900 clamp(26px, 2.6vw, 38px)/1.05 var(--display);letter-spacing:-.035em;color:var(--text);margin:0}.dc-group__head p{max-width:60ch;color:var(--text-2);margin:0;font-size:17px;line-height:1.55}.dc-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,16px);margin:0;padding:0;list-style:none;display:grid}.dc-tool{min-width:0;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow var(--dur-2), background-color var(--dur-2);background:#ffffff08;border-radius:20px;flex-direction:column;gap:8px;padding:20px 22px;display:flex}.dc-tool:hover{background:#5cf5c80a;box-shadow:inset 0 0 0 1px #5cf5c859}.dc-tool__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.dc-tool__name{color:var(--bb-mint);overflow-wrap:anywhere;font-size:15px;font-weight:600}.dc-tool__flags{gap:6px;display:flex}.dc-tool__flags span{font:600 11px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);background:#ffffff0f;border-radius:8px;padding:4px 8px}.dc-tool__flags .is-write{color:var(--bb-navy);background:var(--bb-amber)}.dc-tool__title{font:700 17px/1.3 var(--display);color:var(--text);margin:0}.dc-tool__desc{color:var(--text-2);margin:0;font-size:16px;line-height:1.55}.dc-tool__page{font:700 14px/1.2 var(--display);color:var(--bb-mint);margin-top:auto;padding-top:8px;text-decoration:none}.dc-tool__page:hover{text-underline-offset:4px;text-decoration:underline}.dc-detail__grid{align-items:start;gap:clamp(28px,4vw,64px);display:grid}@media (min-width:1000px){.dc-detail__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.dc-detail__copy{gap:16px;max-width:64ch;display:grid}.dc-detail__copy h3{font:700 21px/1.25 var(--display);color:var(--text);margin:12px 0 0}.dc-detail__copy p{color:var(--text-2);margin:0;font-size:18px;line-height:1.7}.dc-code{gap:4px;padding:clamp(20px,2.2vw,28px);display:grid}.dc-code pre+.dc-code__h{margin-top:18px}.dc-limits{align-items:start;gap:clamp(24px,3vw,48px);display:grid}@media (min-width:1000px){.dc-limits{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.dc-limits>div:first-child{gap:16px;display:grid}.dc-codes{margin:0;display:grid}.dc-codes>div{border-top:1px solid var(--line);grid-template-columns:72px minmax(0,1fr);gap:16px;padding:16px 0;display:grid}.dc-codes>div:first-child{border-top:0;padding-top:0}.dc-codes dt{font:900 20px/1.3 var(--display);color:var(--bb-amber)}.dc-codes dd{color:var(--text-2);margin:0;font-size:17px;line-height:1.6}.dc-disco{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));margin-top:clamp(32px,4vw,56px)}.dc-disco small{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}@media (max-width:1099px){.dc-ways,.dc-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.dc-ways,.dc-tools{grid-template-columns:minmax(0,1fr)}.dc-hero-code{padding:18px}.dc-hero-code pre{padding:14px;font-size:12px}}}