:where(.astro-xmc2hzmy),:where(.astro-xmc2hzmy):before,:where(.astro-xmc2hzmy):after{margin:0;padding:0;box-sizing:border-box}:root{--red: #c8102e;--red-light: #fef2f2;--red-hover: #a30d24;--navy: #1a2332;--navy-light: #243044;--navy-lighter: #2d3b50;--navy-muted: #8895a7;--white: #ffffff;--gray-50: #f7f8fa;--gray-100: #f1f3f5;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--text-primary: #1a2332;--text-secondary: #4b5563;--text-muted: #6b7280;--border: #e5e7eb;--sidebar-width: 272px;--toc-width: 220px;--header-height: 60px;--top-accent: 3px;--content-max: 740px}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);background:var(--white);line-height:1.7;overflow-x:hidden}.design-label:where(.astro-xmc2hzmy){position:fixed;bottom:24px;right:24px;background:var(--navy);color:var(--white);padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;letter-spacing:.01em;z-index:9999;box-shadow:0 4px 24px #1a233240;border:1px solid var(--navy-lighter)}.design-label:where(.astro-xmc2hzmy) span:where(.astro-xmc2hzmy){color:var(--red);font-weight:700}.top-accent:where(.astro-xmc2hzmy){position:fixed;top:0;left:0;right:0;height:var(--top-accent);background:var(--red);z-index:10001}.header:where(.astro-xmc2hzmy){position:fixed;top:var(--top-accent);left:0;right:0;height:var(--header-height);background:var(--navy);z-index:10000;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}.header-inner:where(.astro-xmc2hzmy){display:flex;align-items:center;width:100%;padding:0 24px}.header-brand:where(.astro-xmc2hzmy){display:flex;align-items:center;gap:12px;width:var(--sidebar-width);flex-shrink:0;padding-right:24px}.header-logo:where(.astro-xmc2hzmy){width:32px;height:32px;background:var(--red);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--white);font-size:14px;letter-spacing:-.02em;flex-shrink:0}.header-title:where(.astro-xmc2hzmy){font-size:15px;font-weight:700;color:var(--white);white-space:nowrap;letter-spacing:-.01em}.header-title-sub:where(.astro-xmc2hzmy){font-size:15px;font-weight:400;color:var(--navy-muted);margin-left:2px}.header-center:where(.astro-xmc2hzmy){flex:1;display:flex;justify-content:center;padding:0 32px}.header-search:where(.astro-xmc2hzmy){position:relative;width:100%;max-width:480px}.header-search:where(.astro-xmc2hzmy) input:where(.astro-xmc2hzmy){width:100%;height:36px;background:var(--navy-light);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:0 16px 0 38px;font-size:13px;font-family:inherit;color:var(--white);outline:none;transition:border-color .15s,background .15s}.header-search:where(.astro-xmc2hzmy) input:where(.astro-xmc2hzmy)::placeholder{color:var(--navy-muted)}.header-search:where(.astro-xmc2hzmy) input:where(.astro-xmc2hzmy):focus{border-color:#ffffff40;background:var(--navy-lighter)}.header-search-icon:where(.astro-xmc2hzmy){position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--navy-muted);pointer-events:none}.header-search-kbd:where(.astro-xmc2hzmy){position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--navy-muted);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:1px 6px;font-family:inherit;font-weight:500}.header-actions:where(.astro-xmc2hzmy){display:flex;align-items:center;gap:8px;flex-shrink:0}.header-action-btn:where(.astro-xmc2hzmy){width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--navy-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.header-action-btn:where(.astro-xmc2hzmy):hover{background:var(--navy-light);color:var(--white);border-color:#fff3}.mobile-menu-btn:where(.astro-xmc2hzmy){display:none;width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--navy-muted);cursor:pointer;align-items:center;justify-content:center}.layout:where(.astro-xmc2hzmy){display:flex;margin-top:calc(var(--header-height) + var(--top-accent));min-height:calc(100vh - var(--header-height) - var(--top-accent))}.sidebar:where(.astro-xmc2hzmy){width:var(--sidebar-width);flex-shrink:0;background:var(--navy);position:fixed;top:calc(var(--header-height) + var(--top-accent));left:0;bottom:0;overflow-y:auto;overflow-x:hidden;z-index:100;border-right:1px solid rgba(255,255,255,.06)}.sidebar:where(.astro-xmc2hzmy)::-webkit-scrollbar{width:4px}.sidebar:where(.astro-xmc2hzmy)::-webkit-scrollbar-track{background:transparent}.sidebar:where(.astro-xmc2hzmy)::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebar-inner:where(.astro-xmc2hzmy){padding:20px 0 40px}.sidebar-section:where(.astro-xmc2hzmy){margin-bottom:4px}.sidebar-section-title:where(.astro-xmc2hzmy){padding:8px 20px 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--navy-muted);user-select:none}.sidebar-link:where(.astro-xmc2hzmy){display:flex;align-items:center;padding:6px 20px;font-size:13.5px;font-weight:450;color:#ffffffa6;text-decoration:none;transition:all .12s;border-left:3px solid transparent;line-height:1.45;position:relative}.sidebar-link:where(.astro-xmc2hzmy):hover{color:#fffffff2;background:#ffffff0a}.sidebar-link:where(.astro-xmc2hzmy).active{color:var(--white);font-weight:600;background:#c8102e1f;border-left-color:var(--red)}.sidebar-divider:where(.astro-xmc2hzmy){height:1px;background:#ffffff0f;margin:12px 20px}.main-wrapper:where(.astro-xmc2hzmy){flex:1;margin-left:var(--sidebar-width);display:flex;min-width:0}.content-area:where(.astro-xmc2hzmy){flex:1;min-width:0;padding:36px 48px 80px;max-width:calc(var(--content-max) + 96px)}.breadcrumbs:where(.astro-xmc2hzmy){display:flex;align-items:center;gap:0;margin-bottom:24px;font-size:13px;color:var(--text-muted)}.breadcrumbs:where(.astro-xmc2hzmy) a:where(.astro-xmc2hzmy){color:var(--text-muted);text-decoration:none;transition:color .15s;font-weight:500}.breadcrumbs:where(.astro-xmc2hzmy) a:where(.astro-xmc2hzmy):hover{color:var(--red)}.breadcrumbs:where(.astro-xmc2hzmy) .separator:where(.astro-xmc2hzmy){margin:0 8px;color:var(--gray-300);font-weight:400}.breadcrumbs:where(.astro-xmc2hzmy) .current:where(.astro-xmc2hzmy){color:var(--text-primary);font-weight:600}.page-title:where(.astro-xmc2hzmy){font-size:32px;font-weight:800;color:var(--navy);letter-spacing:-.025em;line-height:1.2;margin-bottom:10px}.page-description:where(.astro-xmc2hzmy){font-size:17px;color:var(--text-secondary);line-height:1.65;margin-bottom:32px;max-width:620px}.content:where(.astro-xmc2hzmy) h2:where(.astro-xmc2hzmy){font-size:22px;font-weight:750;color:var(--navy);letter-spacing:-.02em;margin:48px 0 16px;padding-bottom:10px;border-bottom:1px solid var(--border);line-height:1.3}.content:where(.astro-xmc2hzmy) h2:where(.astro-xmc2hzmy):first-child{margin-top:0}.content:where(.astro-xmc2hzmy) h3:where(.astro-xmc2hzmy){font-size:17px;font-weight:700;color:var(--navy);letter-spacing:-.01em;margin:32px 0 12px;line-height:1.35}.content:where(.astro-xmc2hzmy) p:where(.astro-xmc2hzmy){font-size:15.5px;line-height:1.75;color:var(--text-secondary);margin-bottom:16px}.content:where(.astro-xmc2hzmy) strong:where(.astro-xmc2hzmy){font-weight:650;color:var(--text-primary)}.screenshot-placeholder:where(.astro-xmc2hzmy){background:var(--gray-50);border:1px solid var(--border);border-radius:10px;padding:48px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:24px 0;min-height:280px}.screenshot-icon:where(.astro-xmc2hzmy){width:56px;height:56px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--gray-400)}.screenshot-label:where(.astro-xmc2hzmy){font-size:13.5px;font-weight:600;color:var(--text-muted);margin-bottom:4px}.screenshot-sublabel:where(.astro-xmc2hzmy){font-size:12.5px;color:var(--gray-400)}.key-areas:where(.astro-xmc2hzmy){list-style:none;margin:20px 0 24px;display:flex;flex-direction:column;gap:12px}.key-areas:where(.astro-xmc2hzmy) li:where(.astro-xmc2hzmy){display:flex;align-items:flex-start;gap:14px;padding:14px 18px;background:var(--gray-50);border:1px solid var(--border);border-radius:8px;font-size:15px;line-height:1.6;color:var(--text-secondary);transition:border-color .15s}.key-areas:where(.astro-xmc2hzmy) li:where(.astro-xmc2hzmy):hover{border-color:var(--gray-300)}.key-area-marker:where(.astro-xmc2hzmy){flex-shrink:0;width:28px;height:28px;background:var(--navy);border-radius:6px;display:flex;align-items:center;justify-content:center;margin-top:1px}.key-area-marker:where(.astro-xmc2hzmy) svg:where(.astro-xmc2hzmy){color:var(--white)}.key-area-name:where(.astro-xmc2hzmy){font-weight:650;color:var(--text-primary)}.steps:where(.astro-xmc2hzmy){list-style:none;counter-reset:step-counter;margin:20px 0 28px;display:flex;flex-direction:column;gap:0}.step:where(.astro-xmc2hzmy){counter-increment:step-counter;display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--gray-100);align-items:flex-start}.step:where(.astro-xmc2hzmy):last-child{border-bottom:none}.step-number:where(.astro-xmc2hzmy){flex-shrink:0;width:30px;height:30px;background:var(--navy);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-top:1px}.step-content:where(.astro-xmc2hzmy){flex:1;min-width:0}.step-content:where(.astro-xmc2hzmy) p:where(.astro-xmc2hzmy){font-size:15.5px;margin-bottom:0;line-height:1.7;color:var(--text-secondary)}.step-content:where(.astro-xmc2hzmy) strong:where(.astro-xmc2hzmy){color:var(--text-primary);font-weight:650}.step-content:where(.astro-xmc2hzmy) code:where(.astro-xmc2hzmy){font-size:13.5px;background:var(--gray-100);border:1px solid var(--border);padding:2px 7px;border-radius:5px;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;color:var(--red);font-weight:500}.callout:where(.astro-xmc2hzmy){margin:24px 0;padding:16px 20px;border-radius:8px;font-size:14.5px;line-height:1.7;display:flex;gap:12px;align-items:flex-start}.callout-tip:where(.astro-xmc2hzmy){background:#f0f7ff;border:1px solid #d0e3f7;border-left:3px solid #3b82f6;color:var(--text-secondary)}.callout-icon:where(.astro-xmc2hzmy){flex-shrink:0;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px}.callout-tip:where(.astro-xmc2hzmy) .callout-icon:where(.astro-xmc2hzmy){color:#3b82f6}.callout-content:where(.astro-xmc2hzmy) strong:where(.astro-xmc2hzmy){display:block;font-weight:700;color:#1e40af;font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.callout-content:where(.astro-xmc2hzmy) p:where(.astro-xmc2hzmy){margin:0;font-size:14.5px;color:#374151}.edit-modes:where(.astro-xmc2hzmy){display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 28px}.edit-mode-card:where(.astro-xmc2hzmy){padding:22px 20px;background:var(--white);border:1px solid var(--border);border-radius:10px;transition:border-color .15s,box-shadow .15s}.edit-mode-card:where(.astro-xmc2hzmy):hover{border-color:var(--gray-300);box-shadow:0 2px 12px #0000000a}.edit-mode-card:where(.astro-xmc2hzmy) h4:where(.astro-xmc2hzmy){font-size:15px;font-weight:700;color:var(--navy);margin-bottom:8px;display:flex;align-items:center;gap:8px}.edit-mode-card:where(.astro-xmc2hzmy) h4:where(.astro-xmc2hzmy) .card-icon:where(.astro-xmc2hzmy){width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon-inline:where(.astro-xmc2hzmy){background:#f0f7ff;color:#3b82f6}.card-icon-sidebar:where(.astro-xmc2hzmy){background:#fdf4ff;color:#a855f7}.edit-mode-card:where(.astro-xmc2hzmy) p:where(.astro-xmc2hzmy){font-size:14px;line-height:1.65;color:var(--text-muted);margin:0}.edit-mode-card:where(.astro-xmc2hzmy) .card-tag:where(.astro-xmc2hzmy){display:inline-block;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:5px;margin-top:10px;letter-spacing:.01em}.tag-recommended:where(.astro-xmc2hzmy){background:#ecfdf5;color:#059669;border:1px solid #d1fae5}.tag-alternative:where(.astro-xmc2hzmy){background:#fdf4ff;color:#9333ea;border:1px solid #f3e8ff}.bottom-nav:where(.astro-xmc2hzmy){margin-top:48px;padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.bottom-nav-link:where(.astro-xmc2hzmy){display:flex;flex-direction:column;text-decoration:none;padding:14px 20px;border:1px solid var(--border);border-radius:10px;transition:all .15s;max-width:260px}.bottom-nav-link:where(.astro-xmc2hzmy):hover{border-color:var(--red);box-shadow:0 2px 8px #c8102e14}.bottom-nav-link:where(.astro-xmc2hzmy) .nav-label:where(.astro-xmc2hzmy){font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.bottom-nav-link:where(.astro-xmc2hzmy) .nav-title:where(.astro-xmc2hzmy){font-size:15px;font-weight:650;color:var(--navy);display:flex;align-items:center;gap:6px}.bottom-nav-link:where(.astro-xmc2hzmy) .nav-arrow:where(.astro-xmc2hzmy){color:var(--red);transition:transform .15s}.bottom-nav-link:where(.astro-xmc2hzmy):hover .nav-arrow:where(.astro-xmc2hzmy){transform:translate(3px)}.bottom-nav-prev:where(.astro-xmc2hzmy) .nav-arrow:where(.astro-xmc2hzmy){order:-1}.bottom-nav-link:where(.astro-xmc2hzmy).bottom-nav-prev:hover .nav-arrow:where(.astro-xmc2hzmy){transform:translate(-3px)}.bottom-nav-prev:where(.astro-xmc2hzmy){text-align:left}.bottom-nav-next:where(.astro-xmc2hzmy){text-align:right;margin-left:auto}.toc-wrapper:where(.astro-xmc2hzmy){width:var(--toc-width);flex-shrink:0;padding:36px 24px 36px 0}.toc:where(.astro-xmc2hzmy){position:sticky;top:calc(var(--header-height) + var(--top-accent) + 36px)}.toc-title:where(.astro-xmc2hzmy){font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:14px;padding-left:16px}.toc-list:where(.astro-xmc2hzmy){list-style:none;border-left:1px solid var(--gray-200)}.toc-list:where(.astro-xmc2hzmy) a:where(.astro-xmc2hzmy){display:block;padding:5px 0 5px 16px;font-size:13px;font-weight:450;color:var(--text-muted);text-decoration:none;border-left:2px solid transparent;margin-left:-1px;transition:all .12s;line-height:1.45}.toc-list:where(.astro-xmc2hzmy) a:where(.astro-xmc2hzmy):hover{color:var(--text-primary)}.toc-list:where(.astro-xmc2hzmy) a:where(.astro-xmc2hzmy).active{color:var(--red);font-weight:600;border-left-color:var(--red)}.sidebar-overlay:where(.astro-xmc2hzmy){display:none;position:fixed;inset:0;background:#00000080;z-index:99}.sidebar-overlay:where(.astro-xmc2hzmy).visible{display:block}@media(max-width:1200px){.toc-wrapper:where(.astro-xmc2hzmy){display:none}}@media(max-width:960px){.sidebar:where(.astro-xmc2hzmy){transform:translate(-100%);transition:transform .25s ease;z-index:1000}.sidebar:where(.astro-xmc2hzmy).open{transform:translate(0)}.main-wrapper:where(.astro-xmc2hzmy){margin-left:0}.mobile-menu-btn:where(.astro-xmc2hzmy){display:flex}.header-brand:where(.astro-xmc2hzmy){width:auto;padding-right:0}.content-area:where(.astro-xmc2hzmy){padding:28px 24px 64px}.page-title:where(.astro-xmc2hzmy){font-size:26px}.edit-modes:where(.astro-xmc2hzmy){grid-template-columns:1fr}.header-search:where(.astro-xmc2hzmy){max-width:320px}}@media(max-width:640px){.header-center:where(.astro-xmc2hzmy){display:none}.header-brand:where(.astro-xmc2hzmy){flex:1}.header-title-sub:where(.astro-xmc2hzmy){display:none}.content-area:where(.astro-xmc2hzmy){padding:20px 16px 48px}.page-title:where(.astro-xmc2hzmy){font-size:24px}.page-description:where(.astro-xmc2hzmy){font-size:15.5px}.content:where(.astro-xmc2hzmy) h2:where(.astro-xmc2hzmy){font-size:19px}.bottom-nav:where(.astro-xmc2hzmy){flex-direction:column;gap:12px}.bottom-nav-link:where(.astro-xmc2hzmy){max-width:100%;width:100%}.bottom-nav-next:where(.astro-xmc2hzmy){text-align:left;margin-left:0}.design-label:where(.astro-xmc2hzmy){bottom:12px;right:12px;font-size:12px;padding:8px 14px}}