.developer-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}@media (width>=64rem){.developer-layout{grid-template-columns:13.5rem minmax(0,52rem);gap:2.5rem}.developer-toc{position:sticky;top:6rem}}.developer-toc{font-family:DM Sans,system-ui,sans-serif;font-size:.92rem}.developer-toc strong{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:.75rem;display:block}.developer-toc ol{border-left:2px solid var(--line);margin:.7rem 0 0;padding:0;list-style:none}.developer-toc a{color:var(--muted);border-left:2px solid #0000;margin-left:-2px;padding:.4rem .9rem;text-decoration:none;display:block}.developer-toc a:hover,.developer-toc a:focus-visible{border-left-color:var(--accent);color:var(--ink)}.developer-levels{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:1rem 0;display:grid}.developer-level{border:1px solid var(--line);border-top:4px solid var(--accent);background:var(--paper);border-radius:1rem;flex-direction:column;padding:1.2rem 1.25rem 1.1rem;display:flex}.developer-level:nth-child(2){border-top-color:var(--garnet)}.developer-level h3{margin:.7rem 0 .4rem}.developer-level p{margin:.4rem 0}.developer-level__tag{background:var(--ink);color:var(--card);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-self:flex-start;margin:0;padding:.15rem .65rem;font-family:DM Sans,system-ui,sans-serif;font-size:.72rem;font-weight:700}.developer-level__config{border-top:1px dashed var(--line);margin-top:auto;padding-top:.75rem;font-size:.95rem}.developer-snippet{border:1px solid color-mix(in srgb, var(--ink) 35%, transparent);background:color-mix(in srgb, var(--surface-inverse) 30%, black);color:var(--on-inverse);box-shadow:0 .35rem 1rem color-mix(in srgb, var(--ink) 14%, transparent);border-radius:.85rem;margin:1rem 0;overflow:hidden}.developer-snippet__comment{color:color-mix(in srgb, var(--on-inverse) 52%, transparent)}.developer-snippet figcaption{border-bottom:1px solid color-mix(in srgb, var(--on-inverse) 14%, transparent);background:color-mix(in srgb, var(--on-inverse) 7%, transparent);color:color-mix(in srgb, var(--on-inverse) 66%, transparent);letter-spacing:.1em;text-transform:uppercase;padding:.5rem 1rem;font-family:DM Sans,system-ui,sans-serif;font-size:.72rem;font-weight:700}.developer-snippet pre{white-space:pre;margin:0;padding:1rem 1.1rem;font-size:.85rem;line-height:1.6;overflow-x:auto}.developer-snippet code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1em}.developer-snippet__set{background:color-mix(in srgb, var(--accent) 40%, transparent);box-shadow:inset 0 -2px 0 var(--accent);color:inherit;border-radius:.25rem;padding:.05rem .3rem}.developer-config{border:1px solid var(--line);background:var(--paper);border-radius:.85rem;margin:.85rem 0 1.6rem;padding:1rem 1.15rem}.developer-config__title{color:var(--accent-dark);letter-spacing:.13em;text-transform:uppercase;margin:0 0 .4rem;font-family:DM Sans,system-ui,sans-serif;font-size:.75rem;font-weight:700}.developer-config ul{margin:.35rem 0;padding-left:1.1rem}.developer-config li>code:first-child{background:color-mix(in srgb, var(--accent) 22%, transparent);border-radius:.25rem;padding:.05rem .3rem}.developer-config__none{color:var(--history-completed);margin:.6rem 0 0;font-weight:700}.developer-details{border:1px solid var(--line);background:var(--paper);border-radius:.75rem;margin:.85rem 0;padding:.65rem 1rem}.developer-details summary{cursor:pointer;align-items:center;gap:.5rem;font-family:DM Sans,system-ui,sans-serif;font-weight:600;list-style:none;display:flex}.developer-details summary::-webkit-details-marker{display:none}.developer-details summary:before{content:"▸";color:var(--accent-dark);transition:transform .15s}.developer-details[open] summary:before{transform:rotate(90deg)}.developer-previews{flex-wrap:wrap;gap:.75rem;margin:.5rem 0;display:flex}.developer-preview{border:1px solid var(--line);border-radius:.75rem;flex:14rem;align-items:center;padding:.75rem 1rem;display:flex}.developer-preview iframe{border:0;width:200px;height:44px}.developer-preview--light{background:#fffdf8}.developer-preview--light iframe{color-scheme:light}.developer-preview--dark iframe{color-scheme:dark}.developer-preview--dark{background:#1a1815}