*{box-sizing:border-box}html{scroll-behavior:smooth}.layout.user-guide{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:100vh}.user-guide .sidebar{background:#595a5c;color:#fff;height:100vh;overflow-y:auto;padding:28px 22px 34px;position:sticky;top:0}.user-guide .sidebar h1{color:#fff;font-size:1.35rem;line-height:1.25;margin:0 0 8px}.user-guide .sidebar p{color:hsla(0,0%,100%,.68);font-size:.95rem;margin:0 0 22px}.user-guide .badge{align-items:center;background:#f89826;border-radius:999px;color:#fff;display:inline-flex;font-size:.78rem;font-weight:800;letter-spacing:.05em;margin-bottom:14px;padding:6px 15px;text-transform:uppercase}.user-guide nav{display:grid;gap:6px}.user-guide nav a{border-radius:12px;color:#fff;font-size:.94rem;line-height:1.35;padding:9px 11px;text-decoration:none}.user-guide nav a.active{background:#f89826}.user-guide nav a:focus-visible,.user-guide nav a:hover{background:hsla(0,0%,100%,.08);background:#f89826;color:#fff;outline:none}.user-guide main{max-width:1180px;padding:36px clamp(18px,4vw,62px) 72px}.user-guide .hero{background:linear-gradient(135deg,#fff,#fff7ed);border:1px solid #fed7aa;border-radius:28px;box-shadow:var(--shadow);margin-bottom:28px;padding:clamp(24px,4vw,42px)}.user-guide .hero h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.03em;line-height:1.1;margin:0 0 10px}.user-guide .hero p{color:var(--muted);font-size:1.05rem;line-height:1.65;margin:0;max-width:860px}.user-guide pre{background:#1f82cc;border-radius:5px;color:#fff;display:block;font-family:Poppins,Helvetica,Arial,Lucida,sans-serif;font-weight:700;line-height:1.65;margin-bottom:20px;margin-top:20px;padding:15px;white-space:normal;width:100%}.user-guide .content-anchor{display:block;position:relative;scroll-margin-top:18px;top:-18px;visibility:hidden}.user-guide .guide-content{background:#fff;border:1px solid #e5e7eb;border-radius:28px;box-shadow:0 18px 42px rgba(15,23,42,.08);font-size:16px;padding:clamp(24px,4vw,42px)}.user-guide .guide-heading{color:#111827;display:block;font-size:1.55rem;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin:1.1rem 0 .55rem}.user-guide .guide-subheading{color:#1f2937;display:block;font-size:1.28rem;font-weight:750;line-height:1.3;margin:.95rem 0 .45rem}.user-guide .footer a{background:#f89826;border-radius:18px;color:#fff;margin-left:41px;margin-top:28px;padding:14px 20px}.user-guide .footer a:hover{background:#faa644}.user-guide-footer{margin-top:48px}.sidebar-box a{display:inline-block}.sidebar-box{border:1px solid #8f8f8f;border-radius:5px;margin:9px 0;padding:15px 5px}.sidebar-box a{display:block}.important{background:#f89826;border-radius:5px;color:#fff;font-weight:700;margin-bottom:20px;margin-top:20px;padding:15px}.important p{margin:0}.important.note{background:#1f82cc}blockquote{background:#f89826;border:0;border-radius:5px;color:#fff;font-weight:700;margin-bottom:20px;margin-left:0;margin-top:20px;padding:15px;width:100%}blockquote p:first-letter{color:#fff}@media (max-width:980px){.layout.user-guide{grid-template-columns:1fr}.user-guide .sidebar{height:auto;position:relative}main{padding-top:24px}}