.guide-callout{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:var(--radius-sm, 6px);margin:10px 0;font-size:.875rem;line-height:1.5}.guide-callout__badge{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:1px}.guide-callout--tip{background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);color:var(--text-secondary)}.guide-callout--tip .guide-callout__badge{background:var(--accent);color:#fff}.guide-callout--warn{background:var(--warning-bg);border:1px solid color-mix(in srgb,var(--warning) 30%,transparent);color:var(--text-secondary)}.guide-callout--warn .guide-callout__badge{background:var(--warning);color:#fff}.guide-callout p{margin:0;color:inherit;font-size:inherit}.guide-vendor-tabs,.guide-os-tabs{margin:12px 0 16px;border:1px solid var(--border);border-radius:var(--radius-sm, 6px);overflow:hidden}.guide-vendor-tabs__nav,.guide-os-tabs__nav{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.guide-vendor-tabs__nav::-webkit-scrollbar,.guide-os-tabs__nav::-webkit-scrollbar{display:none}.guide-vendor-tabs__btn,.guide-os-tabs__btn{padding:8px 14px;font-size:.8125rem;font-weight:500;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;border-radius:0;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.guide-vendor-tabs__btn:hover:not(.guide-vendor-tabs__btn--active),.guide-os-tabs__btn:hover:not(.guide-os-tabs__btn--active){color:var(--text-primary);background:color-mix(in srgb,var(--accent) 5%,transparent)}.guide-vendor-tabs__btn--active,.guide-os-tabs__btn--active{color:var(--accent);border-bottom-color:var(--accent)}.guide-vendor-tabs__panel,.guide-os-tabs__panel{padding:16px;background:var(--bg-secondary);border-radius:0 0 var(--radius-sm, 6px) var(--radius-sm, 6px)}.guide-vendor-tabs__panel ol,.guide-vendor-tabs__panel ul,.guide-os-tabs__panel ol,.guide-os-tabs__panel ul{margin:0;padding-left:20px}.guide-vendor-tabs__panel li,.guide-os-tabs__panel li{font-size:.875rem;line-height:1.6;color:var(--text-secondary);margin-bottom:6px}.guide-mode-toggle{display:flex;background:var(--bg-tertiary);border-radius:100px;padding:3px;gap:2px}.guide-mode-toggle__btn{padding:4px 12px;font-size:.8125rem;font-weight:500;border-radius:100px;border:none;background:none;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.guide-mode-toggle__btn--active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.guide-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:.8125rem;font-weight:600;border-radius:var(--radius-sm, 6px);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}.guide-btn:hover{background:var(--bg-tertiary)}.guide-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.guide-btn--primary:hover{opacity:.9}.guide-btn--icon{padding:6px;width:34px;height:34px;justify-content:center}.guide-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:200;display:flex;align-items:center;gap:8px;padding:8px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:var(--bg-secondary);border-top:1px solid var(--border);box-shadow:0 -1px 0 var(--border),0 -4px 24px #0000001f}.guide-bottom-nav__prev{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md, 10px);color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:background .15s}.guide-bottom-nav__prev:hover:not(:disabled){background:var(--bg-primary)}.guide-bottom-nav__prev:disabled{opacity:.35;cursor:default}.guide-bottom-nav__next{flex:1;height:40px;font-size:.875rem;font-weight:500;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm, 6px);cursor:pointer;transition:opacity .15s,transform .1s;letter-spacing:.01em}.guide-bottom-nav__next:hover{opacity:.92}.guide-bottom-nav__next:active{transform:scale(.98)}.guide-bottom-nav__next--finish{background:var(--success, #22c55e)}