.guide-article *{box-sizing:border-box}.guide-article a{color:inherit}.guide-article button,.guide-article a{touch-action:manipulation}.guide-article button{font:inherit;cursor:pointer}.guide-article a:focus-visible,.guide-article button:focus-visible,.guide-article summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.guide-article .hero{padding:64px 0 42px;border-bottom:1px solid var(--line)}.guide-article .eyebrow{font-size:12px;letter-spacing:2px;color:var(--accent);font-weight:750}.guide-article .hero h1{font-size:clamp(34px,4.4vw,60px);letter-spacing:-1.7px;line-height:1.08;margin:20px 0}.guide-article .hero h1 span{color:var(--accent)}.guide-article p{font-size:17px;line-height:1.65;margin:12px 0 18px}.guide-article .lead{max-width:630px;color:var(--muted);font-size:20px}.guide-article .pills{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.guide-article .pills span{border:1px solid var(--line);border-radius:25px;padding:7px 13px;font-size:14px}.guide-article .quick{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.guide-article .quick a{padding:15px 20px;border:1px solid var(--line);border-radius:10px;text-decoration:none;font-weight:700;background:var(--panel);min-height:48px}.guide-article .quick .primary{background:var(--accent);color:#17200c;border-color:var(--accent)}.guide-article h2{font-size:28px;line-height:1.2;letter-spacing:-.55px;margin:12px 0 20px}.guide-article h3{font-size:19px;margin:22px 0 8px}.guide-article .before{margin:32px 0 48px;border:1px solid var(--line);border-radius:16px;padding:28px;background:var(--panel)}.guide-article .before h2{font-size:23px;margin-top:0}.guide-article .before p{max-width:890px}.guide-article .key-note{margin-top:24px;border-top:1px solid var(--line);padding-top:20px;line-height:1.6;color:var(--muted)}.guide-article .key-note strong{display:block;color:var(--text)}.guide-article .text-link{text-underline-offset:4px;color:var(--accent)}.guide-article .guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:48px}.guide-article aside nav{position:sticky;top:28px;display:grid;gap:4px}.guide-article aside .eyebrow{margin:0 0 18px}.guide-article aside a{text-decoration:none;padding:10px 0;color:var(--muted);font-size:14px;line-height:1.4}.guide-article aside a:hover{color:var(--accent)}.guide-article .step{position:relative;border-bottom:1px solid var(--line);padding-bottom:38px;margin-bottom:38px;scroll-margin-top:24px}.guide-article .number{font-size:13px;font-weight:800;letter-spacing:1px;color:var(--accent);position:absolute;right:0;top:7px}.guide-article .role{display:inline-block;background:#29351e;color:var(--accent);border-radius:6px;padding:6px 9px;font-size:12px;font-weight:750}.guide-article .role.friend{background:#213139;color:#b4def5}.guide-article .step-content>p{max-width:820px}.guide-article figure{margin:24px 0 30px}.guide-article .screenshot{position:relative;display:block;overflow:hidden;border-radius:10px;border:1px solid var(--line);background:#080d09}.guide-article .screenshot img{width:100%;height:auto;display:block}.guide-article .zoom{position:absolute;bottom:10px;right:10px;background:#101516e8;border:1px solid #6d796d;border-radius:6px;font-size:12px;padding:8px 10px}.guide-article .screenshot:hover{border-color:var(--accent)}.guide-article figcaption{color:var(--muted);font-size:13px;line-height:1.55;margin:10px 0}.guide-article .note{border-left:3px solid var(--accent);padding:14px 18px;background:#1b241c;line-height:1.65;font-size:15px;margin:22px 0}.guide-article .methods{display:grid;gap:12px;margin:24px 0}.guide-article .methods>div{border:1px solid var(--line);border-radius:12px;padding:16px 20px;background:var(--panel)}.guide-article .methods h3{margin:0 0 6px}.guide-article .methods p{font-size:16px;margin:0}.guide-article .muted{color:var(--muted);font-size:15px}.guide-article .video-section{border:1px solid var(--line);padding:28px;background:var(--panel);border-radius:16px;margin:40px 0;scroll-margin-top:24px}.guide-article .video-section h2{margin-bottom:10px}.guide-article video{display:block;background:#050807;width:min(100%,360px);aspect-ratio:9/16;max-height:70vh;margin:24px auto;border-radius:10px;object-fit:contain}.guide-article .help{margin:40px 0}.guide-article .help details{border-bottom:1px solid var(--line);padding:0 4px}.guide-article .help summary{padding:20px 0;font-size:17px;font-weight:700;cursor:pointer;line-height:1.5}.guide-article .help details p{color:var(--muted);font-size:16px}.guide-article .end{padding:40px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}.guide-article .end strong{font-size:25px}.guide-article .end a{color:var(--accent);text-underline-offset:4px;padding:12px 0}.guide-article dialog{border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);padding:56px 12px 12px;max-width:96vw;max-height:95dvh;width:1500px;overflow:auto}.guide-article dialog::backdrop{background:#000e}.guide-article dialog img{display:block;width:100%;max-height:78dvh;object-fit:contain}.guide-article dialog p{font-size:14px;color:var(--muted);margin:12px 5px 0}.guide-article .close{position:absolute;right:12px;top:8px;min-height:40px;border:1px solid var(--line);border-radius:7px;color:var(--text);background:var(--panel);padding:6px 14px}body:has(dialog[open]){overflow:hidden}@media(max-width:950px){.guide-article .guide-layout{grid-template-columns:1fr}.guide-article aside{display:none}.guide-article .steps{max-width:850px;margin:auto}.guide-article .hero{padding-top:44px}}@media(max-width:600px){.guide-article .hero{padding:32px 0}.guide-article .hero h1{font-size:36px;letter-spacing:-1px}.guide-article .lead{font-size:17px}.guide-article .quick{display:grid}.guide-article .quick a{text-align:center}.guide-article .before{padding:20px;margin:24px 0 32px}.guide-article h2{font-size:25px}.guide-article p{font-size:16px}.guide-article .step{margin-bottom:30px;padding-bottom:24px}.guide-article .video-section{padding:20px}.guide-article .zoom{font-size:11px;padding:5px 7px;bottom:5px;right:5px}.guide-article .end strong{font-size:20px}.guide-article .end a{white-space:nowrap}.guide-article .methods>div{padding:16px}.guide-article .help summary{font-size:16px}}.guide-article .chapter{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:24px;margin:12px 0 36px}.guide-article .chapter h2{margin:14px 0}.guide-article .chapter p{margin-bottom:0;color:var(--muted)}.guide-article aside nav{max-height:calc(100dvh - 56px);overflow-y:auto;padding-right:8px}@media(max-width:600px){.guide-article .chapter{padding:20px}}

.guide-article{--panel:#192120;--text:#f2f5ee;--bg:#101516;padding-top:24px;padding-bottom:0}.guide-article nav{height:auto}.guide-article .quick a{flex:initial;align-items:center;justify-content:center;color:var(--text);border-bottom:1px solid var(--line)}.guide-article .quick .primary{color:#17200c}.guide-article .guide-back{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);font-size:14px}.guide-article .skip{display:none}.guide-article .hero{padding-top:28px}.guide-article aside nav a{display:block;border-bottom:0}.guide-article .end{margin-bottom:24px}@media(max-width:600px){.guide-article{padding-left:20px;padding-right:20px}}