.code-guide{--code-accent: #6048bc;--code-line: #dedbd5}.code-guide a:focus-visible,.code-guide summary:focus-visible{outline:3px solid var(--code-accent);outline-offset:5px;border-radius:3px}.code-guide .code-skip{position:fixed;top:-80px;left:16px;z-index:100;padding:12px 20px;background:#fff;color:#17171b}.code-guide .code-skip:focus{top:12px}.code-hero{border-bottom:1px solid var(--code-line);overflow:hidden}.code-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:60px;padding-top:24px;padding-bottom:52px}.code-eyebrow{color:var(--code-accent);font-size:11px;font-weight:700;letter-spacing:.13em;line-height:1.5}.code-hero h1{font-family:var(--font-display, inherit);font-size:clamp(44px,5.8vw,76px);font-weight:650;line-height:1.04;letter-spacing:-.045em;margin-top:18px}.code-hero h1 span{display:block;font-size:.66em;color:#59535f;letter-spacing:-.035em;line-height:1.13;margin-top:14px}.code-intro{max-width:490px;font-size:18px;line-height:1.65;color:#59535f;margin-top:25px}.code-quick-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:32px}.code-quick-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--code-accent);border-bottom:1px solid var(--code-accent);font-size:14px;font-weight:650}.code-quick-links svg{transition:transform .2s ease}.code-quick-links a:hover svg{transform:translateY(3px)}.code-meta{margin-top:25px;color:#6b646f;font-size:12px;line-height:1.8}.code-hero-visual{width:242px;justify-self:center;animation:code-arrive .5s ease-out both}.code-hero-copy{animation:code-arrive .4s ease-out both}.code-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:64px;padding-top:64px;padding-bottom:84px}.code-sidebar nav{position:sticky;top:108px}.code-sidebar ol{margin:18px 0 24px}.code-sidebar li a{display:flex;gap:12px;align-items:baseline;padding:11px 0;font-size:13px;line-height:1.5;color:#59535f}.code-sidebar li a:hover{color:var(--code-accent)}.code-sidebar li span{color:#827b89;font-size:10px;font-variant-numeric:tabular-nums}.code-sidebar .code-sidebar-download{display:inline-flex;align-items:center;gap:8px;border-top:1px solid var(--code-line);padding-top:22px;font-size:13px;color:var(--code-accent)}.code-content{min-width:0}.code-section{scroll-margin-top:100px;margin-bottom:64px;padding-bottom:64px;border-bottom:1px solid var(--code-line)}.code-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.code-section h2{font-size:clamp(27px,3vw,36px);font-weight:600;line-height:1.18;letter-spacing:-.025em;margin:12px 0 22px}.code-section p,.code-section dd,.code-steps li{font-size:16px;line-height:1.8;color:#59535f}.code-section strong,.code-section b{font-weight:600;color:#242127}.code-section p+p{margin-top:18px}.code-definitions{margin:24px 0}.code-definitions>div{border-top:1px solid var(--code-line);padding:18px 0}.code-definitions dt{font-size:16px;font-weight:650;margin-bottom:6px}.code-section .code-note{border-left:3px solid #b6a6e5;padding:3px 0 3px 18px;font-size:14px}.code-steps{counter-reset:code-step;margin:24px 0 30px}.code-steps li{position:relative;padding-left:40px;margin-bottom:18px;counter-increment:code-step}.code-steps li:before{content:counter(code-step,decimal-leading-zero);position:absolute;left:0;top:3px;font-size:12px;color:var(--code-accent);font-weight:700}.code-screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;margin:30px 0}.code-screenshot-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:580px;margin-left:auto;margin-right:auto}.code-shot{min-width:0;margin:0}.code-shot>a{display:block;position:relative;border-radius:20px;overflow:hidden;background:#050505;box-shadow:0 5px 18px #27212c12}.code-shot img{display:block;width:100%;height:auto}.code-shot-expand{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:5px;font-size:10px;color:#fff;background:#29252f;padding:6px 9px;border:1px solid #5f586d;border-radius:6px;transition:background .2s}.code-shot a:hover .code-shot-expand{background:var(--code-accent)}.code-shot figcaption{color:#6b646f;font-size:12px;line-height:1.6;margin-top:12px}.code-table-wrap{overflow-x:auto;margin:26px 0}.code-guide table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;line-height:1.7}.code-guide th,.code-guide td{padding:18px 15px;border-bottom:1px solid var(--code-line);vertical-align:top}.code-guide thead th{color:var(--code-accent);font-size:12px;background:#ece8f5;font-weight:650}.code-guide tbody th{font-weight:600;width:36%}.code-guide td{color:#59535f}.code-cash-layout,.code-rules-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:start}.code-faqs details{border-bottom:1px solid var(--code-line)}.code-faqs summary{padding:18px 0;cursor:pointer;font-weight:600;font-size:15px;line-height:1.6}.code-faqs details p{font-size:14px;padding-bottom:20px}.code-section .code-help{font-size:14px;margin-top:24px}.code-content p a{color:var(--code-accent);text-decoration:underline;text-underline-offset:4px}.code-sources{margin:30px 0}.code-sources li{display:flex;gap:18px;padding:20px 0;border-top:1px solid var(--code-line)}.code-sources svg{flex-shrink:0;margin-top:3px;color:var(--code-accent)}.code-sources strong{font-size:17px}.code-sources p{margin-top:6px}.code-final-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin:28px 0}.code-final-actions a{display:inline-flex;gap:10px;align-items:center;min-height:48px;font-size:14px;color:var(--code-accent)}.code-final-actions .code-primary{background:var(--code-accent);color:#fff;border-radius:8px;padding:12px 20px;transition:background .2s}.code-final-actions .code-primary:hover{background:#4a349d}.code-section .code-meta{font-size:12px}@keyframes code-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.code-layout{grid-template-columns:190px minmax(0,1fr);gap:32px}.code-cash-layout,.code-rules-layout{grid-template-columns:minmax(0,1fr) 220px;gap:24px}}@media (max-width: 900px){.code-hero-inner{grid-template-columns:minmax(0,1fr) 220px;gap:30px}.code-hero-visual{width:210px}.code-layout{display:block;padding-top:32px}.code-sidebar{border-bottom:1px solid var(--code-line);margin-bottom:40px;padding-bottom:24px}.code-sidebar ol{display:flex;flex-wrap:wrap;gap:0 24px;margin:10px 0 0}.code-sidebar .code-sidebar-download{display:none}.code-sidebar nav{position:static}}@media (max-width: 639px){.code-hero-inner{display:block;padding-top:16px;padding-bottom:30px}.code-hero h1{font-size:46px}.code-intro{font-size:16px;margin-top:20px}.code-quick-links{margin-top:18px;gap:10px 20px}.code-hero-visual{display:none}.code-meta{margin-top:20px}.code-sidebar li a{font-size:12px;padding:10px 0}.code-section{margin-bottom:44px;padding-bottom:44px}.code-section h2{font-size:29px}.code-screenshot-grid{grid-template-columns:1fr;gap:26px}.code-shot{width:min(100%,300px);margin-left:auto;margin-right:auto}.code-cash-layout,.code-rules-layout{grid-template-columns:1fr;gap:30px}.code-guide th,.code-guide td{padding:14px 8px;font-size:12px}.code-guide thead th{font-size:11px}}@media (prefers-reduced-motion: reduce){html:has(.code-guide){scroll-behavior:auto}.code-guide *,.code-guide *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}