.guide-shell{max-width:780px}.crumbs{font-family:var(--mono);color:var(--ink-3);flex-wrap:wrap;gap:8px;padding:26px 0 0;font-size:.78rem;display:flex}.crumbs a{color:var(--ink-3);text-decoration:none}.crumbs a:hover{color:var(--accent)}.crumbs span[aria-hidden]{opacity:.5}.guide-head{border-bottom:1px solid var(--border);padding:20px 0 0}.guide-head h1{letter-spacing:-.02em;color:var(--ink);margin:10px 0 0;font-size:clamp(1.7rem,4.6vw,2.5rem);line-height:1.15}.guide-head .lede{margin:16px 0 0;font-size:1.06rem;line-height:1.65}.guide-meta{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;flex-wrap:wrap;gap:8px;margin:20px 0 22px;font-size:.74rem;display:flex}.guide-meta span[aria-hidden]{opacity:.5}.guide-body{padding:0 0 20px}.guide-body section{padding:40px 0 0}.guide-body h2{letter-spacing:-.01em;color:var(--ink);margin:0 0 12px;font-size:1.32rem;line-height:1.25}.guide-body h3{color:var(--ink);margin:26px 0 8px;font-size:1rem}.guide-body p{margin:0 0 14px}.guide-body ul,.guide-body ol{margin:0 0 14px;padding-left:22px}.guide-body li{margin:0 0 7px}.guide-body p code,.guide-body li code,.guide-body td code{background:var(--bg-inset);font-size:.85em;font-family:var(--mono);border-radius:3px;padding:1px 5px}.guide-body a{color:var(--accent)}.snip{border:1px solid var(--border);background:var(--bg-inset);margin:0 0 18px}.snip figcaption{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;font-size:.72rem;display:flex}.snip pre{font-size:.82rem;line-height:1.62;font-family:var(--mono);color:var(--ink);margin:0;padding:14px;overflow-x:auto}.snip .copy{flex:none}.guide-table{border-collapse:collapse;width:100%;margin:0 0 18px;font-size:.86rem}.guide-table th,.guide-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 12px}.guide-table th{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:400}.guide-table td:first-child{font-family:var(--mono);color:var(--ink);white-space:nowrap}.guide-table code{color:var(--accent)}.note{border-left:2px solid var(--accent-dim);color:var(--ink-2);margin:0 0 18px;padding:2px 0 2px 16px;font-size:.94rem}.note b{color:var(--ink)}.guide-next{border-top:1px solid var(--border);margin:40px 0 0;padding:34px 0 0}.guide-next h2{color:var(--ink);margin:0 0 16px;font-size:1.06rem}.guide-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.guide-card{border:1px solid var(--border);background:var(--bg-raised);padding:18px 20px;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.guide-card:hover{border-color:var(--accent-dim);transform:translateY(-1px)}.guide-card b{color:var(--ink);margin:0 0 6px;font-size:.98rem;line-height:1.35;display:block}.guide-card span{color:var(--ink-3);font-size:.86rem;line-height:1.5;display:block}.guide-card em{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent-dim);margin:0 0 8px;font-size:.7rem;font-style:normal;display:block}@media (width<=640px){.guide-body section{padding-top:32px}.snip pre{padding:12px;font-size:.75rem}.guide-table{font-size:.8rem}.guide-table th,.guide-table td{padding:7px 8px}.guide-table td:first-child{white-space:normal}}