.guide-meta{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin:var(--s4) 0 0;padding:0;list-style:none;font:500 var(--text-xs) /1.4 var(--font-mono);color:var(--muted)}.guide-meta li{margin:0}.guide-body{max-width:1000px}.guide-body>section{margin-top:var(--s8)}.guide-body>section.guide-intro{margin-top:var(--s6)}.guide-body h2{font-size:var(--text-lg);margin:0 0 var(--s4)}.guide-body h3{font-size:var(--text-md);margin:0 0 var(--s3)}.guide-body ol,.guide-body p,.guide-body ul{max-width:var(--measure)}.guide-body ol,.guide-body ul{padding-left:1.2em}.guide-body li{margin:var(--s2) 0}.guide-steps{list-style:none;counter-reset:step;padding:0!important;margin:0;max-width:none!important}.guide-steps>li{counter-increment:step;border-top:1px solid var(--line);padding:var(--s6) 0 var(--s4);margin:0}.guide-steps>li>h3:before{content:counter(step) ". ";color:var(--muted);font-family:var(--font-mono);font-weight:500}.guide-steps>li>*+*{margin-top:var(--s4)}.guide-code-label{margin:0 0 var(--s1);font:500 var(--text-xs) /1.4 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.guide-code pre.code,.guide-diff pre.code{font-size:var(--text-sm);line-height:1.55}.guide-diff{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));grid-gap:var(--s4);gap:var(--s4);margin:0}.guide-diff pre.code{font-size:13px}.guide-diff-side{min-width:0}.guide-diff-side.before pre.code{border-left:2px solid var(--del)}.guide-diff-side.after pre.code{border-left:2px solid var(--add)}.guide-diff-side.before .guide-code-label{color:var(--del)}.guide-diff-side.after .guide-code-label{color:var(--add)}.guide-diff figcaption{grid-column:1/-1;font-size:var(--text-sm)}.guide-callout{max-width:var(--measure);border-left:2px solid var(--line-strong);padding:var(--s1) 0 var(--s1) var(--s4)}.guide-callout.warning{border-left-color:var(--del)}.guide-callout.note{border-left-color:var(--accent)}.guide-callout strong{display:block;margin-bottom:var(--s1)}.guide-callout p{margin:0;color:var(--muted)}.guide-sources{font-size:var(--text-sm)}.guide-sources a{overflow-wrap:anywhere}.guide-feedback{margin-top:var(--s8);padding:var(--s4) var(--s5);border:1px solid var(--line);border-radius:10px;max-width:var(--measure)}.guide-feedback p{margin:0}.guide-feedback-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3)}.guide-feedback-buttons{display:flex;gap:var(--s2)}.guide-feedback-form{display:grid;grid-gap:var(--s3);gap:var(--s3)}.guide-feedback-form textarea{font:inherit;font-size:var(--text-sm);color:var(--ink);background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius);padding:10px 12px;resize:vertical}.guide-feedback-form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.guide-filters{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);align-items:center;margin-bottom:var(--s5)}.guide-filter{display:flex;flex-wrap:wrap;gap:var(--s2)}.guide-count{margin:0 0 0 auto;font-size:var(--text-sm)}.guide-grid{list-style:none;padding:0;margin:0;display:grid;grid-gap:var(--s4);gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}.guide-grid>li{margin:0}.guide-card{height:100%;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5);color:var(--ink);text-decoration:none;transition:border-color .2s ease,transform .3s var(--ease)}.guide-card:hover{border-color:var(--ink);transform:translateY(-2px);text-decoration:none}.guide-card strong{font-size:var(--text-md);line-height:1.3;letter-spacing:-.01em}.guide-card-top{display:flex;justify-content:space-between;align-items:center;gap:var(--s3)}.guide-lang,.guide-time{font:500 var(--text-xs) /1.4 var(--font-mono);color:var(--muted);white-space:nowrap}.guide-desc{flex:1 1;color:var(--muted);font-size:var(--text-sm)}.guide-card-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line)}.guide-versions{display:inline-flex;min-width:0}.guide-versions code{font-size:var(--text-xs)}.guide-versions .v-old{color:var(--old);border-color:color-mix(in srgb,var(--old) 40%,transparent)}.guide-versions .v-new{color:var(--new);border-color:color-mix(in srgb,var(--new) 40%,transparent)}.v-arrow{color:var(--muted);transition:transform .3s var(--ease)}.guide-card:hover .v-arrow{transform:translateX(3px)}.guide-grid{grid-template-columns:minmax(0,1fr);gap:var(--s2)}.guide-card{display:grid;grid-template-columns:120px minmax(0,1fr);grid-template-areas:"top title" "top desc" "top foot";grid-column-gap:var(--s5);column-gap:var(--s5);grid-row-gap:4px;row-gap:4px;align-items:start;padding:var(--s4) var(--s5);border:1px solid var(--line);border-radius:10px}.guide-card:hover{transform:none;border-color:var(--line-strong);background:var(--surface)}.guide-card-top{grid-area:top;flex-direction:column;align-items:flex-start;gap:6px;align-self:start;padding-top:2px}.guide-lang{font-size:var(--text-xs);color:var(--muted);white-space:nowrap}.guide-card strong{grid-area:title;font-size:var(--text-base)}.guide-desc{grid-area:desc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide-card-foot{grid-area:foot;flex-direction:row;gap:var(--s4);margin-top:4px;padding-top:0;border-top:0}.guide-card-foot,.guide-versions{justify-content:flex-start;align-items:center}.guide-versions{display:flex;flex-wrap:wrap;gap:6px}@media (max-width:760px){.guide-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "title" "desc" "foot";row-gap:var(--s2);padding:var(--s4)}.guide-card-foot,.guide-card-top{flex-direction:row;align-items:center}.guide-card-foot{justify-content:space-between;max-width:none}.guide-versions{justify-content:flex-start}.guide-desc{white-space:normal}}