:root{--sg-primary:#183968;--sg-primary-dark:#0f2755;--sg-accent:#ef4444;--sg-accent-light:#f87171;--sg-text:#1f2426;--sg-text-muted:#536075;--sg-text-inverted:#fff;--sg-text-inverted-muted:#ffffffb3;--sg-surface:#fff;--sg-surface-alt:#f8fafc;--sg-border:#e2e8f0;--sg-shadow:#0f235f14;--sg-warning:#f59e0b;--sg-danger:#ef4444;--sg-success:#22c55e;--sg-info:#3b82f6;--sg-space-xs:.5rem;--sg-space-sm:1rem;--sg-space-md:1.5rem;--sg-space-lg:2.5rem;--sg-space-xl:4rem;--sg-space-2xl:6rem;--sg-radius-sm:.375rem;--sg-radius-md:.75rem;--sg-radius-lg:1rem;--sg-radius-pill:9999px;--sg-font-sans:var(--font-sans);--sg-heading-line-height:1.2;--sg-body-line-height:1.75}.sg-guide{font-family:var(--sg-font-sans);color:var(--sg-text);line-height:var(--sg-body-line-height)}.sg-container{max-width:1200px;padding:0 var(--sg-space-md);margin:0 auto}.sg-container-narrow{max-width:800px}.sg-section{padding:var(--sg-space-xl)0}.sg-section-alt{background:var(--sg-surface-alt)}.sg-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--sg-primary);border-radius:var(--sg-radius-pill);margin-bottom:var(--sg-space-sm);background:#1839681a;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.sg-h2{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;line-height:var(--sg-heading-line-height);color:var(--sg-primary-dark);margin-bottom:var(--sg-space-md)}.sg-h3{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600;line-height:var(--sg-heading-line-height);color:var(--sg-primary-dark);margin-bottom:var(--sg-space-sm)}.sg-h4{font-size:1.125rem;font-weight:600;line-height:var(--sg-heading-line-height);color:var(--sg-primary-dark);margin-bottom:var(--sg-space-xs);align-items:center;gap:.5rem;display:flex}.sg-lead{color:var(--sg-text);margin-bottom:var(--sg-space-md);font-size:1.25rem;line-height:1.6}.sg-text-center{text-align:center}.sg-text-muted{color:var(--sg-text-muted)}.sg-text-accent{color:var(--sg-accent)}.sg-text-inverted{color:var(--sg-text-inverted)}.sg-text-inverted-muted{color:var(--sg-text-inverted-muted)}.sg-text-warning{color:var(--sg-warning)}.sg-text-danger{color:var(--sg-danger)}.sg-text-success{color:var(--sg-success)}.sg-text-strikethrough{opacity:.6;text-decoration:line-through}.sg-mb-sm{margin-bottom:var(--sg-space-sm)}.sg-mb-md{margin-bottom:var(--sg-space-md)}.sg-mb-lg{margin-bottom:var(--sg-space-lg)}.sg-mb-xl{margin-bottom:var(--sg-space-xl)}.sg-prose p{margin-bottom:var(--sg-space-md)}.sg-prose ul,.sg-prose ol{margin-bottom:var(--sg-space-md);padding-left:1.5rem}.sg-prose li{margin-bottom:.5rem}.sg-prose strong{color:var(--sg-primary-dark);font-weight:600}.sg-guide-hero{color:var(--sg-text-inverted);padding:var(--sg-space-2xl)0;background:linear-gradient(135deg,#0b2140 0%,#183968 100%);position:relative;overflow:hidden}.sg-guide-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#ef444426,#0000 40%),radial-gradient(circle at 80% 80%,#1839684d,#0000 50%);position:absolute;inset:0}.sg-guide-hero-content{z-index:1;max-width:800px;position:relative}.sg-guide-title{margin-bottom:var(--sg-space-md);color:var(--sg-text-inverted);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.sg-guide-subtitle{opacity:.9;margin-bottom:var(--sg-space-lg);max-width:600px;font-size:1.25rem;line-height:1.6}.sg-guide-meta{gap:var(--sg-space-md);flex-wrap:wrap;display:flex}.sg-guide-meta-item{opacity:.8;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.sg-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--sg-radius-pill);margin-bottom:var(--sg-space-md);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:inline-flex}.sg-badge-warning{color:#fca5a5;background:#ef444433}.sg-toc-section{background:var(--sg-surface);padding:var(--sg-space-lg)0;border-bottom:1px solid var(--sg-border);z-index:100;position:sticky;top:0}.sg-toc{max-width:900px;margin:0 auto}.sg-toc-title{text-transform:uppercase;letter-spacing:.1em;color:var(--sg-text-muted);margin-bottom:var(--sg-space-sm);font-size:.875rem;font-weight:600}.sg-toc-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.sg-toc-item{display:flex}.sg-toc-link{color:var(--sg-text-muted);background:var(--sg-surface-alt);border:1px solid var(--sg-border);border-radius:var(--sg-radius-sm);cursor:pointer;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8rem;transition:all .2s;display:flex}.sg-toc-link:hover,.sg-toc-item.active .sg-toc-link{background:var(--sg-primary);color:var(--sg-text-inverted);border-color:var(--sg-primary)}.sg-toc-number{color:var(--sg-accent);font-weight:700}.sg-toc-item.active .sg-toc-number{color:var(--sg-text-inverted)}.sg-callout{gap:var(--sg-space-md);padding:var(--sg-space-md);border-radius:var(--sg-radius-md);margin:var(--sg-space-lg)0;display:flex}.sg-callout-warning{background:#fef3c7;border:1px solid #f59e0b}.sg-callout-info{background:#eff6ff;border:1px solid #3b82f6}.sg-callout-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.sg-callout-warning .sg-callout-icon{color:#78350f;background:#fbbf24}.sg-callout-info .sg-callout-icon{color:#fff;background:#3b82f6}.sg-callout-content{flex:1}.sg-callout-content strong{margin-bottom:.25rem;display:block}.sg-feature-list{margin:var(--sg-space-md)0;padding:0;list-style:none}.sg-feature-list li{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.sg-feature-icon{color:var(--sg-success);flex-shrink:0;margin-top:.125rem}.sg-stats-inline{gap:var(--sg-space-md);background:var(--sg-surface-alt);padding:var(--sg-space-lg);border-radius:var(--sg-radius-lg);margin:var(--sg-space-lg)0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.sg-stat-inline{text-align:center}.sg-stat-number{color:var(--sg-accent);font-size:2rem;font-weight:800;line-height:1.2;display:block}.sg-stat-label{color:var(--sg-text-muted);font-size:.875rem}.sg-mistake-section{border-bottom:1px solid var(--sg-border)}.sg-mistake-section:nth-child(2n){background:var(--sg-surface-alt)}.sg-mistake-header{align-items:flex-start;gap:var(--sg-space-md);margin-bottom:var(--sg-space-lg);display:flex}.sg-mistake-number{background:linear-gradient(135deg,var(--sg-primary)0%,var(--sg-primary-dark)100%);width:64px;height:64px;color:var(--sg-text-inverted);border-radius:var(--sg-radius-md);flex-shrink:0;justify-content:center;align-items:center;font-size:1.75rem;font-weight:800;display:flex}.sg-mistake-title-area{flex:1}.sg-mistake-badges{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.sg-severity-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--sg-radius-pill);align-items:center;padding:.25rem .625rem;font-size:.7rem;font-weight:600;display:inline-flex}.sg-severity-critical{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.sg-severity-high{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa}.sg-severity-medium{color:#ca8a04;background:#fefce8;border:1px solid #fef08a}.sg-severity-low{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.sg-quick-win-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--sg-radius-pill);color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.7rem;font-weight:600;display:inline-flex}.sg-mistake-title{align-items:center;gap:.75rem;margin-bottom:0;display:flex}.sg-mistake-icon{color:var(--sg-primary)}.sg-subsection{margin:var(--sg-space-lg)0;padding:var(--sg-space-md);background:var(--sg-surface);border-radius:var(--sg-radius-md);border:1px solid var(--sg-border)}.sg-subsection-icon{flex-shrink:0}.sg-risk-list{margin:var(--sg-space-sm)0 0;padding:0;list-style:none}.sg-risk-list li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.sg-risk-list li:before{content:"•";color:var(--sg-warning);font-weight:700;position:absolute;left:0}.sg-fix-list{counter-reset:fix-counter;margin:var(--sg-space-sm)0 0;padding:0;list-style:none}.sg-fix-list li{counter-increment:fix-counter;margin-bottom:.75rem;padding-left:2.5rem;position:relative}.sg-fix-list li:before{content:counter(fix-counter);background:var(--sg-success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.sg-quick-win-box{border-radius:var(--sg-radius-md);padding:var(--sg-space-md);margin:var(--sg-space-lg)0;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:2px solid #10b981}.sg-quick-win-header{color:#059669;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:700;display:flex}.sg-quick-win-box p{color:#065f46;margin:0}.sg-references{margin-top:var(--sg-space-lg);padding-top:var(--sg-space-md);border-top:1px solid var(--sg-border)}.sg-references-title{color:var(--sg-text-muted);margin-bottom:var(--sg-space-sm);font-size:.875rem;font-weight:600}.sg-references-list{flex-direction:column;gap:.5rem;display:flex}.sg-reference-item{color:var(--sg-primary);align-items:center;gap:.5rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-flex}.sg-reference-item:hover{color:var(--sg-accent)}.sg-checklist{max-width:1000px;margin:0 auto}.sg-checklist-progress{margin-bottom:var(--sg-space-lg);text-align:center}.sg-checklist-progress-bar{background:var(--sg-border);border-radius:var(--sg-radius-pill);height:8px;margin-bottom:var(--sg-space-xs);overflow:hidden}.sg-checklist-progress-fill{background:linear-gradient(90deg,var(--sg-success),#10b981);border-radius:var(--sg-radius-pill);height:100%;transition:width .3s}.sg-checklist-progress-text{color:var(--sg-text-muted);font-size:.875rem}.sg-checklist-grid{gap:var(--sg-space-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.sg-checklist-category{background:var(--sg-surface);border:1px solid var(--sg-border);border-radius:var(--sg-radius-md);padding:var(--sg-space-md)}.sg-checklist-category-title{color:var(--sg-primary-dark);margin-bottom:var(--sg-space-sm);padding-bottom:var(--sg-space-xs);border-bottom:2px solid var(--sg-primary);font-size:1rem;font-weight:600}.sg-checklist-items{margin:0;padding:0;list-style:none}.sg-checklist-item{margin-bottom:.5rem}.sg-checklist-checkbox{text-align:left;border-radius:var(--sg-radius-sm);cursor:pointer;width:100%;color:var(--sg-text);background:0 0;border:none;align-items:flex-start;gap:.5rem;padding:.5rem;font-size:.875rem;line-height:1.4;transition:background .2s;display:flex}.sg-checklist-checkbox:hover{background:var(--sg-surface-alt)}.sg-checklist-checkbox svg{color:var(--sg-border);flex-shrink:0;margin-top:.125rem}.sg-checklist-checkbox.checked svg{color:var(--sg-success)}.sg-priority-list{gap:var(--sg-space-md);margin:var(--sg-space-lg)0;flex-direction:column;display:flex}.sg-priority-item{background:var(--sg-surface);border-radius:var(--sg-radius-md);padding:var(--sg-space-md);border-left:4px solid #0000}.sg-priority-critical{border-left-color:var(--sg-danger);background:#fef2f2}.sg-priority-high{border-left-color:var(--sg-warning);background:#fffbeb}.sg-priority-medium{border-left-color:var(--sg-info);background:#eff6ff}.sg-priority-header{margin-bottom:var(--sg-space-sm)}.sg-priority-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--sg-radius-sm);margin-bottom:.25rem;padding:.25rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.sg-priority-critical .sg-priority-badge{background:var(--sg-danger);color:#fff}.sg-priority-high .sg-priority-badge{background:var(--sg-warning);color:#fff}.sg-priority-medium .sg-priority-badge{background:var(--sg-info);color:#fff}.sg-priority-item h3{color:var(--sg-primary-dark);margin:0;font-size:1.125rem;font-weight:600}.sg-priority-item ul{margin:0;padding:0;list-style:none}.sg-priority-item li{margin-bottom:.375rem;padding-left:1.5rem;font-size:.9rem;position:relative}.sg-priority-item li:before{content:"→";color:inherit;opacity:.5;position:absolute;left:0}.sg-cta-section{background:linear-gradient(135deg,var(--sg-primary)0%,var(--sg-primary-dark)100%);padding:var(--sg-space-2xl)0;text-align:center}.sg-cta-content{max-width:700px;margin:0 auto}.sg-cta-content .sg-h2{color:var(--sg-text-inverted)}.sg-cta-buttons{justify-content:center;gap:var(--sg-space-sm);margin-top:var(--sg-space-lg);flex-wrap:wrap;display:flex}.sg-btn{border-radius:var(--sg-radius-pill);cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.sg-btn-white{background:var(--sg-surface);color:var(--sg-primary-dark);border-color:var(--sg-surface)}.sg-btn-white:hover{background:var(--sg-surface-alt);transform:translateY(-2px)}.sg-btn-outline-white{color:var(--sg-text-inverted);background:0 0;border-color:#ffffff4d}.sg-btn-outline-white:hover{background:#ffffff1a;border-color:#ffffff80}.sg-btn-accent{background:var(--sg-accent);color:#fff;border-color:var(--sg-accent)}.sg-btn-accent:hover{background:var(--sg-accent-light);border-color:var(--sg-accent-light)}.sg-author-box{gap:var(--sg-space-lg);background:var(--sg-surface);border:1px solid var(--sg-border);border-radius:var(--sg-radius-lg);padding:var(--sg-space-lg);align-items:flex-start;display:flex}.sg-author-avatar{background:linear-gradient(135deg,var(--sg-primary)0%,var(--sg-primary-dark)100%);width:80px;height:80px;color:var(--sg-text-inverted);border-radius:var(--sg-radius-md);flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.sg-author-info{flex:1}.sg-author-badges{margin-top:var(--sg-space-sm);flex-wrap:wrap;gap:.5rem;display:flex}.sg-author-badge{color:var(--sg-text-muted);background:var(--sg-surface-alt);border-radius:var(--sg-radius-pill);align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8rem;display:inline-flex}.sg-references-grid{gap:var(--sg-space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.sg-reference-card{background:var(--sg-surface-alt);border:1px solid var(--sg-border);border-radius:var(--sg-radius-md);padding:var(--sg-space-md);text-align:center}.sg-reference-logo{width:64px;height:64px;margin:0 auto var(--sg-space-sm);background:var(--sg-primary);color:var(--sg-text-inverted);border-radius:var(--sg-radius-md);justify-content:center;align-items:center;display:flex}.sg-reference-card h4{color:var(--sg-primary-dark);margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.sg-reference-card p{color:var(--sg-text-muted);margin-bottom:var(--sg-space-sm);font-size:.875rem}.sg-reference-link{color:var(--sg-primary);align-items:center;gap:.375rem;font-size:.875rem;text-decoration:none;display:inline-flex}.sg-reference-link:hover{color:var(--sg-accent)}.sg-popup-overlay{z-index:1000;opacity:0;pointer-events:none;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.sg-popup-overlay.show{opacity:1;pointer-events:auto}.sg-popup-content{background-color:var(--sg-surface);padding:var(--sg-space-lg);border-radius:var(--sg-radius-lg);text-align:center;width:90%;max-width:500px;box-shadow:0 10px 25px var(--sg-shadow);border-top:5px solid var(--sg-danger);animation:.4s ease-out forwards sg-popup-slide-in;position:relative;transform:translateY(20px)}@keyframes sg-popup-slide-in{to{opacity:1;transform:translateY(0)}}.sg-popup-close{color:var(--sg-text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;transition:color .2s;position:absolute;top:1rem;right:1rem}.sg-popup-close:hover{color:var(--sg-text)}.sg-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.sg-input{border:1px solid var(--sg-border);border-radius:var(--sg-radius-sm);width:100%;padding:.875rem 1rem;font-size:1rem;transition:border-color .2s}.sg-input:focus{border-color:var(--sg-primary);outline:none}.sg-w-full{width:100%}.sg-text-light{color:var(--sg-text-muted)}@media (max-width:768px){.sg-guide-hero{padding:var(--sg-space-xl)0}.sg-toc-section{position:relative;top:auto}.sg-toc-list{max-height:200px;overflow-y:auto}.sg-mistake-header{flex-direction:column;align-items:stretch}.sg-mistake-number{width:48px;height:48px;font-size:1.25rem}.sg-callout{flex-direction:column}.sg-author-box{text-align:center;flex-direction:column}.sg-author-badges{justify-content:center}.sg-cta-buttons{flex-direction:column}.sg-btn{width:100%}.sg-stats-inline{grid-template-columns:1fr 1fr}.sg-priority-item{padding:var(--sg-space-sm)}}@media (max-width:480px){.sg-stats-inline{grid-template-columns:1fr}.sg-guide-meta{gap:var(--sg-space-xs);flex-direction:column}}