.guide-page{background:var(--color-surface-0);min-height:100vh;container-type:inline-size}.guide-container{padding-inline:16px;max-width:1160px;margin-inline:auto;padding-bottom:64px}@container (min-width:640px){.guide-container{padding-inline:24px}}.guide-breadcrumb{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:4px 8px;padding-top:20px;font-size:13.5px;line-height:1.5;display:flex}.guide-breadcrumb a{color:var(--color-text-muted);text-decoration:none;transition:color .15s}.guide-breadcrumb a:hover{color:var(--color-text-strong)}.guide-breadcrumb-sep{opacity:.55}.guide-breadcrumb-current,.guide-breadcrumb-sep--tail{display:none}@container (min-width:640px){.guide-breadcrumb-sep--tail{display:inline}.guide-breadcrumb-current{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:min(56ch,100%);color:var(--color-text-body);display:inline-block;overflow:hidden}}.guide-header{margin-top:22px}.guide-tags{flex-wrap:wrap;gap:8px;display:flex}.guide-tag{border:1px solid var(--color-line-strong);background:var(--color-surface-2);color:var(--color-text-body);border-radius:999px;align-items:center;padding:4px 12px;font-size:12.5px;line-height:1.45;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}a.guide-tag:hover{border-color:var(--color-accent);color:var(--color-accent)}.guide-title{letter-spacing:-.02em;color:var(--color-text-strong);margin:14px 0 0;font-size:clamp(1.75rem,1.15rem + 2.8cqw,2.75rem);font-weight:700;line-height:1.15}.guide-excerpt{max-width:66ch;color:var(--color-text-muted);margin:12px 0 0;font-size:1.125rem;line-height:1.65}.guide-meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:16px;font-size:14px;line-height:1.5;display:flex}.guide-avatar{object-fit:cover;border-radius:999px;flex:none;width:28px;height:28px}.guide-avatar-fallback{background:color-mix(in srgb,var(--color-accent)15%,transparent);width:28px;height:28px;color:var(--color-accent);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.guide-author{color:var(--color-text-body);font-weight:500}.guide-meta-sep{color:var(--color-text-muted)}.guide-meta time{color:var(--color-text-body)}.guide-header .guide-tools{margin-top:14px}.guide-page .guide-cover{border-color:var(--color-line);margin:24px 0 0}.guide-page .guide-cover>img{object-fit:cover;height:clamp(220px,40cqw,440px)}.guide-toc-mobile{border:1px solid var(--color-line);background:var(--color-surface-1);border-radius:10px;max-width:72ch;margin:20px auto 0}.guide-toc-mobile>summary{min-height:52px;color:var(--color-text-strong);cursor:pointer;align-items:center;gap:10px;padding:12px 16px;font-size:15px;font-weight:600;list-style:none;display:flex}.guide-toc-mobile>summary::-webkit-details-marker{display:none}.guide-toc-count{color:var(--color-text-muted);font-size:13px;font-weight:400}.guide-toc-chevron{width:16px;height:16px;color:var(--color-text-muted);flex:none;margin-left:auto;transition:transform .18s}.guide-toc-mobile[open] .guide-toc-chevron{transform:rotate(180deg)}.guide-toc-mobile nav{padding:0 16px 14px}.guide-toc-mobile .guide-toc-link{padding-block:9px}.guide-toc{border:1px solid var(--color-line);background:var(--color-surface-1);border-radius:10px;padding:18px}.guide-toc-heading{letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 10px;font-size:13px;font-weight:700}.guide-toc-list{margin:0;padding:0;list-style:none}.guide-toc-link{color:var(--color-text-muted);border-left:2px solid #0000;padding:5px 0 5px 12px;font-size:14px;line-height:1.45;text-decoration:none;transition:color .15s,border-color .15s;display:block}.guide-toc-link[data-level="3"]{padding-left:26px;font-size:13.5px}.guide-toc-link:hover{color:var(--color-text-strong)}.guide-page .guide-toc-link.is-active,.guide-page .guide-toc-link[aria-current]{border-left-color:var(--color-accent);color:var(--color-text-strong)}.guide-layout{margin-top:32px}.guide-sidebar{display:none}@container (min-width:1024px){.guide-layout--toc{grid-template-columns:minmax(0,68ch) minmax(0,280px);justify-content:center;gap:48px;display:grid}.guide-sidebar{display:block}.guide-sidebar .guide-toc{scrollbar-width:thin;max-height:calc(100vh - 104px);position:sticky;top:84px;overflow-y:auto}.guide-toc-mobile{display:none}}.guide-content{--guide-fs:1rem;min-width:0;max-width:72ch;font-size:calc(var(--guide-fs)*var(--guide-fs-scale,1));color:var(--color-text-body);overflow-wrap:break-word;margin-inline:auto;line-height:1.8;overflow-x:clip}@container (min-width:640px){.guide-content{--guide-fs:1.0625rem}}.guide-page .guide-content[data-font=small]{--guide-fs-scale:.94;font-size:calc(var(--guide-fs)*var(--guide-fs-scale))}.guide-page .guide-content[data-font=large]{--guide-fs-scale:1.12;font-size:calc(var(--guide-fs)*var(--guide-fs-scale))}.guide-content>:first-child{margin-top:0}.guide-content h1,.guide-content h2,.guide-content h3,.guide-content h4,.guide-content h5,.guide-content h6{color:var(--color-text-strong);scroll-margin-top:88px;font-weight:700}@container (min-width:640px){.guide-content h1,.guide-content h2,.guide-content h3,.guide-content h4,.guide-content h5,.guide-content h6{scroll-margin-top:96px}}.guide-content h1{margin:1.8em 0 .7em;font-size:1.75em;line-height:1.25}.guide-content h2{letter-spacing:-.015em;margin:2.3em 0 .75em;padding-left:.8em;font-size:1.45em;line-height:1.28;position:relative}.guide-content h2:before{content:"";background:color-mix(in srgb,var(--color-accent)70%,transparent);border-radius:999px;width:4px;position:absolute;top:.28em;bottom:.28em;left:0}@container (min-width:640px){.guide-content h2{font-size:1.6em}}.guide-content h3{margin:1.9em 0 .6em;font-size:1.28em;line-height:1.32}.guide-content h4{margin:1.6em 0 .5em;font-size:1.12em;line-height:1.35}.guide-content h5{margin:1.5em 0 .5em;font-size:1em}.guide-content h6{margin:1.5em 0 .5em;font-size:.95em}.guide-content a.guide-heading-anchor{color:var(--color-text-muted);opacity:0;margin-left:.45em;text-decoration:none;transition:opacity .15s,color .15s}.guide-content .guide-heading-anchor svg{width:.6em;height:.6em}.guide-content h2:hover .guide-heading-anchor,.guide-content h3:hover .guide-heading-anchor,.guide-content h4:hover .guide-heading-anchor,.guide-content a.guide-heading-anchor:focus-visible{opacity:1}.guide-content a.guide-heading-anchor:hover{color:var(--color-accent)}@media (hover:none){.guide-content a.guide-heading-anchor{opacity:.5}}.guide-content p{margin:0 0 1.35em}.guide-content p:empty{min-height:1.35em}.guide-content strong{color:var(--color-text-strong);font-weight:600}.guide-content a{color:var(--color-accent);text-underline-offset:.2em;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--color-accent)45%,transparent);text-decoration-color:color-mix(in srgb,var(--color-accent)45%,transparent);overflow-wrap:anywhere;transition:color .15s,text-decoration-color .15s}.guide-content a:hover{color:var(--color-accent-strong);-webkit-text-decoration-color:var(--color-accent-strong);text-decoration-color:var(--color-accent-strong)}.guide-content ul,.guide-content ol{margin:0 0 1.35em;padding-left:1.4em}.guide-content ul{list-style:outside}.guide-content ol{list-style:decimal}.guide-content li{margin:.45em 0;padding-left:.2em}.guide-content li::marker{color:var(--color-text-muted)}.guide-content li>ul,.guide-content li>ol{margin:.45em 0 0}.guide-content blockquote{border-left:3px solid var(--color-line-strong);color:var(--color-text-muted);margin:1.6em 0;padding:.2em 0 .2em 1.1em;font-style:italic}.guide-content blockquote>p:last-child{margin-bottom:0}.guide-content code{font-family:var(--font-mono);background:var(--color-surface-2);border-radius:4px;padding:.15em .4em;font-size:.85em}.guide-content pre{border:1px solid var(--color-line);-webkit-overflow-scrolling:touch;background:#0d0d10;border-radius:10px;margin:1.6em 0;padding:16px;font-size:.875em;line-height:1.6;overflow-x:auto}.guide-content pre code{font-size:inherit;background:0 0;border-radius:0;padding:0}.guide-content mark{background:color-mix(in srgb,var(--color-accent)24%,transparent);color:var(--color-text-strong);border-radius:3px;padding:0 .15em}.guide-content hr{border:0;border-top:1px solid var(--color-line);margin:2.6em 0}.guide-content img{border:1px solid var(--color-line);border-radius:8px;max-width:100%;height:auto;margin:1.8em auto;display:block}.guide-content figure{margin:1.8em 0}.guide-content figure img{width:100%;margin:0}.guide-content figcaption{color:var(--color-text-muted);text-align:center;margin-top:.6em;font-size:.8em;line-height:1.5}.guide-content .guide-figure--small{max-width:320px}.guide-content .guide-figure--medium{max-width:560px}.guide-content .guide-figure--left{margin-right:auto}.guide-content .guide-figure--right{margin-left:auto}@container (min-width:640px){.guide-content .guide-figure--small.guide-figure--left{float:left;margin:.35em 1.5em 1em 0}.guide-content .guide-figure--small.guide-figure--right{float:right;margin:.35em 0 1em 1.5em}}.guide-content .guide-callout,.guide-content [data-callout]{--callout-accent:var(--color-line-strong);border:1px solid var(--color-line);border-left:3px solid var(--callout-accent);background:var(--color-surface-1);border-radius:10px;margin:1.6em 0;padding:14px 16px}.guide-content .guide-callout--note,.guide-content [data-callout=note]{--callout-accent:#7cb3ff}.guide-content .guide-callout--tip,.guide-content [data-callout=tip]{--callout-accent:var(--color-accent)}.guide-content .guide-callout--warning,.guide-content [data-callout=warning]{--callout-accent:#efbf69}.guide-content .guide-callout-label{letter-spacing:.03em;color:var(--callout-accent,var(--color-text-muted));align-items:center;gap:8px;margin:0 0 .4em;font-size:.8em;font-weight:700;display:flex}.guide-content .guide-callout>:last-child,.guide-content [data-callout]>:last-child{margin-bottom:0}.guide-content .guide-table-scroll{border:1px solid var(--color-line);-webkit-overflow-scrolling:touch;border-radius:10px;margin:1.7em 0;overflow-x:auto}.guide-content .guide-table-scroll:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.guide-content table{border-collapse:collapse;width:100%;min-width:560px;font-size:.92em}.guide-content th{background:var(--color-surface-2);text-align:left;color:var(--color-text-strong);font-weight:600}.guide-content th,.guide-content td{border-bottom:1px solid var(--color-line);border-right:1px solid var(--color-line);vertical-align:top;padding:.6em .8em}.guide-content tr:last-child td{border-bottom:0}.guide-content th:last-child,.guide-content td:last-child{border-right:0}.guide-content .guide-video,.guide-content [data-youtube-video]{aspect-ratio:16/9;border-radius:10px;margin:1.8em 0;position:relative;overflow:hidden}.guide-content .guide-video iframe,.guide-content [data-youtube-video] iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.guide-content iframe.guide-video{aspect-ratio:16/9;border:0;border-radius:10px;width:100%;height:auto;margin:1.8em 0;display:block}.guide-related{border-top:1px solid var(--color-line);margin-top:56px;padding-top:32px}.guide-related-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.guide-related-heading{letter-spacing:-.01em;color:var(--color-text-strong);margin:0;font-size:20px;font-weight:700}.guide-related-more{color:var(--color-text-muted);flex:none;font-size:14px;text-decoration:none;transition:color .15s}.guide-related-more:hover{color:var(--color-accent)}.guide-related-grid{gap:16px;margin-top:20px;display:grid}.guide-card{align-items:flex-start;gap:12px;text-decoration:none;display:flex}.guide-card-thumb{aspect-ratio:16/9;border:1px solid var(--color-line);background:var(--color-surface-2);border-radius:8px;flex:none;width:96px;position:relative;overflow:hidden}.guide-card-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.guide-card-body{min-width:0}.guide-card-title{-webkit-line-clamp:2;color:var(--color-text-strong);-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.4;transition:color .15s;display:-webkit-box;overflow:hidden}.guide-card:hover .guide-card-title{color:var(--color-accent)}.guide-card-date{color:var(--color-text-muted);margin-top:5px;font-size:13px;display:block}@container (min-width:640px){.guide-related-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.guide-card{flex-direction:column;gap:10px}.guide-card-thumb{width:100%}}.guide-footer{border-top:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin-top:44px;padding-top:24px;display:flex}.guide-back{min-height:44px;color:var(--color-text-muted);align-items:center;gap:8px;font-size:14px;text-decoration:none;transition:color .15s;display:inline-flex}.guide-back:hover{color:var(--color-text-strong)}.guide-preview{container-type:inline-size}.guide-preview[data-device=mobile]{border-inline:1px solid var(--color-line);max-width:420px;margin-inline:auto}