.brand-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:#0f172a;font-weight:700;font-size:1.125rem}.brand-link:hover{color:#0ea5e9}.nav-link{display:inline-flex;align-items:center;padding:12px 16px;color:#475569;font-weight:600;font-size:1rem;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:#0ea5e9}.guide-hero{padding:60px 0 40px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#fff);text-align:center}.guide-hero h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#0f172a,#0369a1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}.guide-intro{font-size:1.25rem;color:#475569;max-width:700px;margin:0 auto;line-height:1.6}.guide-content{padding:60px 0 80px}.guide-layout{display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:start}.guide-toc{position:sticky;top:88px}.guide-toc h4{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin:0 0 12px}.guide-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc-counter}.guide-toc li{counter-increment:toc-counter;margin:0}.guide-toc a{display:block;padding:8px 12px;color:#475569;text-decoration:none;font-size:.9rem;border-left:2px solid transparent;transition:all .2s ease}.guide-toc a:hover{color:#0ea5e9;border-left-color:#0ea5e9;background:#f0f9ff}.guide-body{min-width:0}.guide-section{margin:0 0 64px;padding-top:16px}.guide-section h2{font-size:2rem;text-align:left;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0;color:#0f172a}.guide-section>p{font-size:1.05rem;color:#475569;line-height:1.7;margin:0 0 24px}.feature-block{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:28px 32px;margin:0 0 24px}.feature-block h3{font-size:1.375rem;color:#0f172a;margin:0 0 16px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.feature-block h4{font-size:1rem;color:#0f172a;margin:16px 0 8px}.feature-block p{color:#475569;line-height:1.7;margin:0 0 8px}.feature-block ul,.feature-block ol{margin:0 0 12px;padding-left:1.5em;color:#475569;line-height:1.7}.feature-block li{margin:4px 0}.tag{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.tag.free{background:#dcfce7;color:#166534}.tag.pro{background:linear-gradient(135deg,#dbeafe,#e0f2fe);color:#0369a1}.shortcut{font-size:.85rem;color:#64748b;font-weight:400}.what-why{margin:0 0 12px}.what-why p{margin:0 0 6px}.what-why strong{color:#0f172a}.how-to{background:#f8fafc;border-radius:8px;padding:16px 20px;margin:0 0 12px}.how-to h4{margin:0 0 8px;font-size:.95rem;color:#0f172a}.how-to ol{margin:0;padding-left:1.4em}.feature-block .tip{background:#fffbeb;border-left:4px solid #f59e0b;padding:10px 16px;border-radius:0 8px 8px 0;font-size:.95rem;color:#92400e;margin:12px 0 0}.guide-figure{margin:20px 0}.guide-figure img{width:100%;height:auto;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 4px 16px #00000014}.guide-figure figcaption{text-align:center;font-size:.875rem;color:#94a3b8;font-style:italic;margin-top:8px}.guide-steps{padding-left:1.5em;margin:0 0 16px;color:#475569;line-height:1.8;font-size:1.05rem}.guide-steps li{margin:4px 0}kbd{display:inline-block;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:1px 6px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.85em;color:#0f172a;box-shadow:0 1px #94a3b8}.guide-section code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:.9em;color:#0f172a;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace}.guide-section .table-scroll{margin:0 0 24px}.guide-section .compare td code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:.85em}.tips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.tip-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.tip-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.tip-card h4{font-size:1.05rem;color:#0f172a;margin:0 0 8px}.tip-card p{color:#64748b;line-height:1.6;font-size:.95rem;margin:0}.guide-bottom-cta{text-align:center;padding:60px 40px;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:20px;margin-top:64px}.guide-bottom-cta h2{color:#fff;text-align:center;border-bottom:none;font-size:2rem;margin:0 0 12px}.guide-bottom-cta p{color:#cbd5e1;font-size:1.125rem;max-width:600px;margin:0 auto 32px}.guide-cta-buttons{display:flex;gap:16px;justify-content:center}@media (max-width: 1024px){.guide-layout{grid-template-columns:200px 1fr;gap:32px}}@media (max-width: 768px){.guide-hero h1{font-size:1.75rem}.guide-layout{grid-template-columns:1fr}.guide-toc{position:static;border-bottom:1px solid #e2e8f0;padding-bottom:24px;margin-bottom:24px}.guide-toc ol{display:grid;grid-template-columns:repeat(2,1fr);gap:0 8px}.guide-toc a{padding:6px 8px;font-size:.85rem;border-left:none}.feature-block{padding:20px}.tips-grid{grid-template-columns:1fr}.guide-bottom-cta{padding:40px 20px}.guide-cta-buttons{flex-direction:column;align-items:center}.guide-section h2{font-size:1.5rem}}