:root{--brix-blue: #2196F3;--brix-blue-dark: #1976D2;--brix-blue-light: #E3F2FD;--brix-green: #4CAF50;--brix-green-light: #E8F5E9;--brix-orange: #FF9800;--bg-page: #F5F5F5;--bg-white: #FFFFFF;--border-light: #E0E0E0;--text-primary: #212121;--text-secondary: #616161;--text-muted: #9E9E9E;--radius: 8px}.guide-page{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-page);color:var(--text-primary);line-height:1.6;min-height:100vh}.guide-header{background:var(--bg-white);border-bottom:1px solid var(--border-light);padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.guide-header .logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary)}.guide-header .logo-icon{width:32px;height:32px;background:var(--brix-blue);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.guide-header .logo-text{font-weight:600;font-size:18px}.guide-header .header-nav{display:flex;gap:16px;align-items:center}.guide-header .header-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;border-radius:6px;transition:all .15s}.guide-header .header-link:hover{color:var(--brix-blue);background:var(--brix-blue-light)}.guide-container{max-width:800px;margin:0 auto;padding:48px 24px}.guide-breadcrumb{font-size:14px;color:var(--text-muted);margin-bottom:24px}.guide-breadcrumb a{color:var(--brix-blue);text-decoration:none}.guide-breadcrumb a:hover{text-decoration:underline}.guide-container h1{font-size:36px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.guide-intro{font-size:18px;color:var(--text-secondary);margin-bottom:32px}.guide-content{background:var(--bg-white);border-radius:var(--radius);padding:32px;border:1px solid var(--border-light)}.guide-content h2{font-size:24px;font-weight:700;margin:32px 0 16px;padding-top:24px;border-top:1px solid var(--border-light);color:var(--text-primary)}.guide-content h2:first-child{margin-top:0;padding-top:0;border-top:none}.guide-content h3{font-size:18px;font-weight:600;margin:24px 0 12px;color:var(--text-primary)}.guide-content p{margin-bottom:16px;color:var(--text-secondary)}.guide-content a{color:var(--brix-blue)}.guide-content a:hover{text-decoration:underline}.guide-content strong{color:var(--text-primary);font-weight:600}.guide-content ul{margin:12px 0 16px;padding-left:24px;color:var(--text-secondary)}.guide-content ul li{margin-bottom:8px}.guide-content ol{list-style:none;counter-reset:step-counter;margin:20px 0;padding:0}.guide-content ol li{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--border-light);counter-increment:step-counter}.guide-content ol li:last-child{border-bottom:none}.guide-content ol li:before{content:counter(step-counter);min-width:28px;height:28px;background:var(--brix-blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.guide-content table{width:100%;border-collapse:collapse;margin:16px 0}.guide-content th,.guide-content td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-light)}.guide-content th{font-weight:600;background:var(--bg-page);color:var(--text-primary)}.guide-content td{color:var(--text-secondary)}.guide-content .callout{padding:16px 20px;border-radius:var(--radius);margin:20px 0;display:flex;gap:12px;background:var(--brix-blue-light);border:1px solid rgba(33,150,243,.2)}.guide-content .callout-icon{width:20px;height:20px;background:var(--brix-blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.guide-content .callout div:last-child{font-size:14px;color:var(--text-secondary)}.guide-content blockquote{padding:16px 20px;border-radius:var(--radius);margin:20px 0;background:var(--brix-blue-light);border:1px solid rgba(33,150,243,.2);border-left:4px solid var(--brix-blue);font-style:normal}.guide-content blockquote p{margin:0;color:var(--text-secondary)}.guide-content figure{margin:24px 0}.guide-content img{max-width:100%;border-radius:var(--radius);border:1px solid var(--border-light)}.guide-content figcaption{text-align:center;color:var(--text-muted);font-size:14px;margin-top:8px}.guide-content hr{border:none;border-top:1px solid var(--border-light);margin:32px 0}.guide-content code{background:var(--bg-page);padding:2px 6px;border-radius:4px;font-family:SF Mono,Monaco,monospace;font-size:14px}.guide-content pre{background:var(--text-primary);color:#fff;padding:16px;border-radius:var(--radius);overflow-x:auto;margin:16px 0}.guide-content pre code{background:none;padding:0;color:inherit}.guide-cta{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-light);text-align:center}.guide-cta p{color:var(--text-primary)}.guide-cta .cta-button{display:inline-block;background:var(--brix-blue);color:#fff;padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:600;margin-top:12px;transition:background .15s}.guide-cta .cta-button:hover{background:var(--brix-blue-dark);text-decoration:none}.guide-related{margin-top:48px}.guide-related h3{margin-bottom:16px;font-size:18px;font-weight:600}.guide-related-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.guide-related-link{display:block;padding:16px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius);text-decoration:none;color:var(--text-primary);font-weight:500;transition:all .15s}.guide-related-link:hover{border-color:var(--brix-blue);color:var(--brix-blue)}.guide-footer{text-align:center;padding:32px;color:var(--text-muted);font-size:14px}.guide-footer a{color:var(--brix-blue);text-decoration:none}@media (max-width: 600px){.guide-container,.guide-content{padding:24px 16px}.guide-container h1{font-size:28px}}