.guide-hero{border-bottom:1px solid var(--color-line);padding-top:2.25rem;padding-bottom:4rem}.guide-hero .back-link{margin-bottom:2rem}.guide-hero-grid{grid-template-columns:1.5fr 1fr;align-items:end;gap:4rem;display:grid}.guide-title{letter-spacing:-.05em;word-break:keep-all;margin-top:1.5rem;font-size:min(8vw,4.25rem);font-weight:750;line-height:1.25}.guide-title>span{color:var(--color-on-accent);background:var(--color-accent);-webkit-box-decoration-break:clone;box-decoration-break:clone;margin-left:-.04em;padding:0 .14em .04em}.guide-lead{max-width:38rem;color:var(--color-body);word-break:keep-all;margin-top:1.5rem;font-size:1.0625rem;line-height:1.8}.guide-meta{color:var(--color-muted);margin-top:1.25rem;font-size:.8125rem}.guide-switch{border:1px solid var(--color-line);border-radius:.5rem;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.guide-switch a{background:var(--color-surface);padding:1.125rem 1.25rem;transition:background-color .16s,color .16s;display:block}.guide-switch a+a{border-left:1px solid var(--color-line)}.guide-switch strong{letter-spacing:-.02em;font-size:1.0625rem;font-weight:700;display:block}.guide-switch span{color:var(--color-muted);margin-top:.2rem;font-size:.8125rem;display:block}.guide-switch a:hover{background:var(--color-raised)}.guide-switch a[aria-current=page]{background:var(--color-accent);color:var(--color-on-accent)}.guide-switch a[aria-current=page] span{color:var(--color-on-accent)}.guide-toc{border:1px solid var(--color-line);background:var(--color-line);border-radius:.5rem;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:3rem;display:grid;overflow:hidden}.guide-toc a{background:var(--color-canvas);flex-direction:column;gap:.5rem;min-height:9rem;padding:1.25rem;transition:background-color .16s;display:flex}.guide-toc a:hover{background:var(--color-surface)}.guide-toc strong{letter-spacing:-.025em;margin-top:auto;font-size:1.125rem;font-weight:700}.guide-toc p{color:var(--color-muted);word-break:keep-all;font-size:.8125rem;line-height:1.6}.guide-toc-more{color:var(--color-muted);flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1rem;font-size:.875rem;display:flex}.guide-section{border-bottom:1px solid var(--color-line);padding-top:5rem;padding-bottom:5rem}.guide-section:last-of-type{border-bottom:0}.guide-section-header{max-width:44rem}.guide-section-header h2{letter-spacing:-.045em;word-break:keep-all;margin-top:.75rem;font-size:clamp(1.875rem,4vw,2.75rem);font-weight:700;line-height:1.2}.guide-section-header>p{color:var(--color-body);word-break:keep-all;margin-top:1rem;font-size:1rem;line-height:1.8}.guide-block{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:3.5rem;margin-top:3rem;display:grid}.guide-block+.guide-block{border-top:1px solid var(--color-line);padding-top:3rem}.guide-block h3{letter-spacing:-.03em;word-break:keep-all;font-size:1.375rem;font-weight:700}.guide-block h3+p,.guide-text>p{color:var(--color-body);word-break:keep-all;margin-top:.75rem;font-size:.9375rem;line-height:1.8}.guide-text>*+*{margin-top:1.25rem}.guide-text ul{color:var(--color-body);word-break:keep-all;gap:.5rem;font-size:.9375rem;line-height:1.75;display:grid}.guide-text ul li{padding-left:1rem;position:relative}.guide-text ul li:before{content:"";background:var(--color-muted);width:.375rem;height:1px;position:absolute;top:.75em;left:0}.guide-steps{gap:1rem;margin-top:1.5rem;display:grid}.guide-steps li{color:var(--color-body);word-break:keep-all;gap:.875rem;font-size:.9375rem;line-height:1.75;display:flex}.guide-steps li>span{border:1px solid color-mix(in srgb, var(--color-accent-text) 60%, transparent);width:1.625rem;height:1.625rem;font-family:var(--font-mono);color:var(--color-accent-text);border-radius:999px;flex:none;place-items:center;margin-top:.05rem;font-size:.75rem;display:grid}.guide-steps strong,.guide-text strong{color:var(--color-ink);font-weight:600}.guide-note{border-left:2px solid var(--color-accent-text);background:var(--color-surface);color:var(--color-body);word-break:keep-all;border-radius:0 .375rem .375rem 0;margin-top:1.5rem;padding:1rem 1.125rem;font-size:.875rem;line-height:1.75}.guide-note>strong{color:var(--color-ink);margin-bottom:.25rem;display:block}.guide-ui{border:1px solid var(--color-line);background:var(--color-raised);color:var(--color-ink);white-space:nowrap;border-radius:.25rem;padding:.05em .4em;font-size:.92em}.guide-kbd{border:1px solid var(--color-line-strong);background:var(--color-raised);min-width:1.6em;color:var(--color-ink);font-family:var(--font-mono);text-align:center;border-bottom-width:2px;border-radius:.25rem;padding:0 .35em;font-size:.85em;line-height:1.6;display:inline-block}.guide-shot-row{flex-wrap:wrap;gap:2rem 1.25rem;display:flex}.guide-shot{flex:none;width:min(17.5rem,100%)}.guide-shot-wide{width:100%}.guide-shot-large{width:min(32rem,100%)}.guide-shot-compact{width:14.25rem}.guide-shot-compact .guide-shot-frame{border-color:var(--color-line);background:0 0}.guide-shot-frame{border:1px solid var(--color-line-strong);background:#fff;border-radius:.75rem;position:relative;overflow:hidden;box-shadow:0 1.5rem 3rem -1.5rem #000}.guide-shot-frame img{width:100%;height:auto;display:block}.guide-shot-badge{border:1px solid var(--color-line);color:var(--color-body);font-family:var(--font-mono);letter-spacing:.04em;border-radius:999px;margin-bottom:.625rem;padding:.1rem .55rem;font-size:.75rem;display:inline-block}.guide-section-header+.guide-shot-row{margin-top:2.5rem}.guide-shot figcaption{color:var(--color-muted);word-break:keep-all;margin-top:.75rem;font-size:.8125rem;line-height:1.65}.guide-shot-pending .guide-shot-frame{aspect-ratio:628/952;border:1px dashed var(--color-line-strong);background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--color-ink) 3%, transparent) 0 10px, transparent 10px 20px), var(--color-surface);box-shadow:none;color:var(--color-muted);flex-direction:column;justify-content:center;gap:.5rem;padding:1.5rem;display:flex}.guide-shot-wide.guide-shot-pending .guide-shot-frame{aspect-ratio:16/9}.guide-shot-pending .guide-shot-frame svg{color:var(--color-accent-text)}.guide-pending-id{color:var(--color-accent-text);font-size:.75rem;font-weight:600}.guide-shot-pending strong{color:var(--color-ink);word-break:keep-all;font-size:1rem;font-weight:650}.guide-shot-pending p{word-break:keep-all;font-size:.8125rem;line-height:1.65}.guide-table-wrap{border:1px solid var(--color-line);border-radius:.5rem;margin-top:2rem;overflow-x:auto}.guide-table{border-collapse:collapse;word-break:keep-all;width:100%;min-width:36rem;font-size:.875rem;line-height:1.65}.guide-table th,.guide-table td{border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top;padding:.875rem 1rem}.guide-table tr:last-child>*{border-bottom:0}.guide-table thead th{background:var(--color-surface);color:var(--color-muted);font-size:.75rem;font-weight:500}.guide-table tbody th{color:var(--color-ink);white-space:nowrap;font-weight:600}.guide-table td{color:var(--color-body)}.guide-table td.is-new{color:var(--color-ink)}.guide-shortcuts-table{table-layout:fixed;overflow-wrap:anywhere;min-width:0}.guide-shortcuts-table th:first-child{width:30%}.guide-shortcuts-table tbody th{white-space:normal}.guide-table-stack{container-type:inline-size}.guide-highlights{border:1px solid var(--color-line);background:var(--color-line);border-radius:.5rem;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:3rem;display:grid;overflow:hidden}.guide-highlights>li{background:var(--color-canvas);padding:1.5rem}.guide-highlights svg{color:var(--color-accent-text)}.guide-highlights h3{letter-spacing:-.025em;word-break:keep-all;margin-top:1.5rem;font-size:1.125rem;font-weight:700}.guide-highlights p{color:var(--color-body);word-break:keep-all;margin-top:.5rem;font-size:.875rem;line-height:1.75}.guide-highlights a{color:var(--color-muted);text-underline-offset:.25em;align-items:center;gap:.25rem;margin-top:.75rem;font-size:.8125rem;text-decoration:underline;display:inline-flex}.guide-highlights a:hover{color:var(--color-accent-text)}.guide-end{border-top:1px solid var(--color-line);grid-template-columns:1fr 1fr;gap:4rem;padding-top:4rem;padding-bottom:6rem;display:grid}.guide-end h2{letter-spacing:-.035em;word-break:keep-all;font-size:1.75rem;font-weight:700}.guide-end>div>p{color:var(--color-body);word-break:keep-all;margin-top:.75rem;font-size:.9375rem;line-height:1.8}@media (max-width:1023px){.guide-hero-grid,.guide-block{grid-template-columns:minmax(0,1fr);gap:2rem}.guide-toc,.guide-highlights{grid-template-columns:1fr 1fr}}@media (max-width:767px){.guide-hero{padding-top:1.5rem;padding-bottom:3rem}.guide-title{font-size:2.375rem}.guide-lead{font-size:1rem}.guide-switch{grid-template-columns:1fr}.guide-switch a+a{border-left:0;border-top:1px solid var(--color-line)}.guide-toc,.guide-highlights{grid-template-columns:1fr}.guide-toc a{min-height:0}.guide-section{padding-top:3.5rem;padding-bottom:3.5rem}.guide-shot-row{scroll-snap-type:x mandatory;flex-wrap:nowrap;padding-bottom:.75rem;overflow-x:auto}.guide-shot{scroll-snap-align:start;width:min(17.5rem,78vw)}.guide-shot-wide{width:86vw}.guide-shot-compact{width:14.25rem}.guide-shot-large{width:86vw}.guide-end{grid-template-columns:1fr;gap:2rem;padding-bottom:4rem}}@container (max-width:36rem){.guide-table-stack .guide-table{min-width:0}.guide-table-stack thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.guide-table-stack table,.guide-table-stack tbody,.guide-table-stack tr,.guide-table-stack th,.guide-table-stack td{display:block}.guide-table-stack tr{border-bottom:1px solid var(--color-line);padding:.875rem 1rem}.guide-table-stack tbody tr:last-child{border-bottom:0}.guide-table-stack th,.guide-table-stack td{border:0;padding:0}.guide-table-stack tbody th{white-space:normal;overflow-wrap:anywhere;margin-bottom:.375rem}.guide-table-stack td{gap:.75rem;display:flex}.guide-table-stack td:before{content:attr(data-label);width:3.25rem;font-family:var(--font-mono);color:var(--color-muted);flex:none;font-size:.75rem;line-height:1.85}.guide-table-stack td.is-new:before{color:var(--color-accent-text)}}