.guide-container{max-width:var(--reading-width-wide);margin:0 auto;padding:2rem 3rem 3rem;min-height:100vh}.guide-container.inline-mode{padding:0;min-height:auto;width:100%;max-width:900px;margin:0 auto}.guide-content{background:transparent;border-radius:16px;padding:0;box-shadow:none;border:none}.guide-container.inline-mode .guide-content{background:transparent;padding:0;box-shadow:none;border:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}@media(max-width:768px){.guide-container{padding:1rem}.guide-content,.guide-container.inline-mode .guide-content{padding:0}}.guide-title-xl{font-size:64px;font-weight:900;color:#fff;letter-spacing:-2px;margin:0;line-height:1.1;font-family:Outfit,sans-serif;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:768px){.guide-title-xl{font-size:32px;letter-spacing:-1px}}.guide-section-card{background:#0f172a66;padding:40px;border-radius:24px;border:1.5px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:40px}@media(max-width:768px){.guide-section-card{padding:24px 20px;border-radius:20px;margin-bottom:24px}}.guide-section-title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:900;color:var(--text-primary);margin-bottom:24px;font-family:Outfit,sans-serif;text-transform:uppercase;letter-spacing:.02em}@media(max-width:768px){.guide-section-title{font-size:18px;gap:8px;margin-bottom:16px}}.guide-card{display:flex;gap:20px;align-items:flex-start;background:#ffffff08;padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.05)}@media(max-width:768px){.guide-card{padding:20px;border-radius:20px;flex-direction:column;gap:16px}.guide-card .emoji-icon{font-size:28px!important}}.guide-responsive-padding{padding:64px 24px}@media(max-width:768px){.guide-responsive-padding{padding:32px 16px}}.guide-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.guide-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.guide-grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}@media(max-width:1024px){.guide-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.guide-grid-2,.guide-grid-3{grid-template-columns:1fr;gap:16px}}.guide-flavor-card{padding:32px;border-radius:24px;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease}.guide-flavor-card:hover{transform:translateY(-4px)}.guide-flavor-badge{display:inline-flex;padding:6px 12px;font-weight:900;font-size:11px;letter-spacing:1px;text-transform:uppercase;border-radius:8px;margin-bottom:16px}.guide-flavor-title{font-size:20px;color:#fff;font-weight:800;margin-bottom:12px}.guide-flavor-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.guide-flavor-target{font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px}@media(max-width:768px){.guide-flavor-card{padding:24px}.guide-flavor-title{font-size:18px}}.guide-requirement-card{display:flex;gap:16px;background:#ffffff05;padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.guide-requirement-icon{font-size:24px}.guide-requirement-title{font-size:14px;color:#fff;font-weight:700;margin-bottom:4px}.guide-requirement-text{font-size:13px;color:var(--text-muted);margin:0;line-height:1.5}.guide-pitfall-card{padding:24px;border-radius:16px;border:1px solid rgba(239,68,68,.2);background:#ef444408}.guide-pitfall-title{font-size:15px;color:#fca5a5;margin-bottom:12px;display:flex;align-items:center;gap:8px;font-weight:800}.guide-pitfall-text{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0}.guide-mantra-box{margin:64px 0;padding:64px 40px;background:radial-gradient(circle at 50% 50%,#6366f11a,#0f172a66);border-radius:24px;border:1px solid rgba(99,102,241,.2);text-align:center;box-shadow:0 0 40px #6366f11a}.guide-mantra-text{font-size:28px;font-weight:700;color:var(--text-secondary);line-height:1.4;max-width:900px;margin:0 auto;font-family:Outfit,sans-serif}@media(max-width:768px){.guide-mantra-box{margin:32px 0;padding:40px 20px}.guide-mantra-text{font-size:20px}}.guide-callout{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;margin:16px 0;padding-left:20px;border-left:4px solid var(--primary)}.guide-table-wrapper{overflow-x:auto;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0003;margin:24px 0}.guide-table{width:100%;border-collapse:collapse;font-size:14px;color:var(--text-secondary)}.guide-table th{background:#ffffff0d;padding:16px;text-align:left;font-weight:800;color:#fff}.guide-table td{padding:16px;border-bottom:1px solid rgba(255,255,255,.05)}.guide-table tr:last-child td{border-bottom:none}.guide-code-container{background:#1e2227;border-radius:16px;border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 50px #0000004d;overflow:hidden;font-family:JetBrains Mono,Fira Code,monospace;margin:24px 0}.guide-code-header{display:flex;align-items:center;gap:8px;padding:0 16px;height:40px;background:#21252b;border-bottom:1px solid rgba(0,0,0,.15)}.guide-code-dots{display:flex;gap:8px}.guide-code-dot{width:10px;height:10px;border-radius:50%}.guide-code-filename{margin-left:16px;padding:0 12px;height:100%;display:flex;align-items:center;background:#1e2227;border-bottom:2px solid #61AFEF;font-size:11px;color:#abb2bf;min-width:0;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-code-lang-toggle{margin-left:auto;display:flex;gap:4px;padding-right:12px;flex-shrink:0}.guide-code-lang-btn{padding:4px 12px;border-radius:12px;font-size:10px;font-weight:900;border:none;cursor:pointer;background:transparent;color:#5c6370;transition:all .2s ease;letter-spacing:1px}.guide-code-lang-btn.active{background:#ffffff1a;color:#fff}.guide-code-body{padding:16px 0;font-size:12px;line-height:1.5;overflow-x:auto}.guide-code-line{display:flex;min-width:fit-content}.guide-code-line-num{width:35px;text-align:right;padding-right:12px;color:#3b4048;-webkit-user-select:none;user-select:none;font-size:10px;flex-shrink:0}.guide-code-line-content{flex:1;white-space:pre;padding-right:12px}@media(max-width:768px){.guide-code-lang-toggle{display:none}}.guide-viz-container{box-shadow:0 25px 50px -12px #00000080;margin:32px 0;width:100%;box-sizing:border-box}@media(max-width:768px){.guide-viz-container{padding:20px 16px;border-radius:16px;margin:16px 0}}.guide-array-scroll{display:flex;gap:16px;padding:32px;background:#ffffff05;border-radius:24px;border:1px solid rgba(255,255,255,.05);margin-bottom:60px;overflow-x:auto;width:100%;box-sizing:border-box}@media(max-width:768px){.guide-array-scroll{padding:20px 12px;margin-bottom:32px;gap:12px}}.guide-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.guide-tag{display:inline-block;background:var(--primary);color:#fff;font-size:.75rem;font-weight:700;padding:.45rem 1.1rem;border-radius:24px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1.25rem;box-shadow:0 4px 12px var(--primary-glow)}.guide-header h1{font-size:2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.5rem;line-height:1.2}.guide-subtitle{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.25rem;font-weight:400}.guide-meta{display:flex;gap:1.5rem;color:var(--text-muted);font-size:.85rem;font-weight:600}.guide-meta span{display:flex;align-items:center;gap:.6rem}.guide-section{margin-bottom:2.5rem}.guide-section h2{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin-bottom:.75rem;line-height:1.3;font-family:Outfit,sans-serif;letter-spacing:-.01em}.guide-section h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.guide-section h4{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.guide-section p{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1.5rem}.guide-section strong{color:var(--text-primary);font-weight:700}.guide-section code{background:var(--bg-deep);color:var(--accent);padding:.25rem .6rem;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:.9em;border:1px solid var(--border-subtle)}.why-box{background:#6366f10d!important;border:1px solid rgba(99,102,241,.1)!important;border-radius:12px;padding:1.5rem}.why-box h3{color:var(--primary)!important}.killer-line{border-left:4px solid var(--primary)!important;background:#6366f114!important;color:var(--text-primary)!important;padding:1rem 1.5rem;border-radius:0 12px 12px 0;margin:1.5rem 0}.text-click,.text-flavors,.text-pitfalls,.text-complexity,.text-summary{background:transparent;padding:0}.guide-trigger-box h3{color:var(--primary);margin-bottom:.625rem;font-size:.9rem}.guide-trigger-box ul{list-style:none;padding:0;margin:0}.guide-trigger-box li{color:var(--text-secondary);font-size:.825rem;line-height:1.5;position:relative;padding:.35rem 0 .35rem 1.25rem}.guide-trigger-box li:before{content:"→";position:absolute;left:0;color:var(--primary);font-weight:700}.insight-box p{margin:0;color:var(--accent);font-size:.95rem;line-height:1.6}.approach-toggle-container{margin:2rem 0 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.approach-toggle{display:flex;background:var(--bg-deep);padding:4px;border-radius:12px;border:1px solid var(--border-subtle);width:100%;max-width:500px;position:relative;box-shadow:inset 0 2px 4px #0003}.approach-toggle button{flex:1;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-muted);font-weight:700;font-size:.9rem;border-radius:10px;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;z-index:1}.active-pill{position:absolute;top:4px;bottom:4px;background:var(--bg-card);border-radius:8px;box-shadow:0 4px 12px #0000004d;border:1px solid var(--border-active)}.btn-content{position:relative;z-index:2;display:flex;align-items:center;gap:.6rem}.approach-toggle button.active{color:var(--text-primary)}.approach-toggle button:hover:not(.active){color:var(--text-secondary)}.toggle-hint{font-size:.75rem;color:var(--text-muted);font-weight:500;margin:0}.visualization-container{background:var(--bg-deep);padding:2rem;margin:1.5rem 0;border-radius:16px;border:1px solid var(--border-subtle)}.visualization-container h4{margin:.5rem 0;font-size:1.1rem;color:var(--text-primary)}.array-viz{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.array-cell{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;border-radius:12px;background:var(--bg-surface);border:2px solid var(--border-subtle);color:var(--text-primary);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.array-cell.active-naive{background:#ef444426;border-color:#ef4444;color:#fca5a5;transform:scale(1.1);box-shadow:0 0 20px #ef444433}.array-cell.active-optimized{background:#10b98126;border-color:#10b981;color:#6ee7b7;transform:scale(1.1);box-shadow:0 0 20px #10b98133}.indicator.add{background:#10b981;color:#fff}.indicator.remove{background:#ef4444;color:#fff}.complexity-badge{display:inline-block;padding:.4rem .8rem;border-radius:8px;font-size:.85rem;font-weight:700;margin:.5rem 0}.complexity-badge.bad{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.complexity-badge.good{background:#10b9811a;color:#6ee7b7;border:1px solid rgba(16,185,129,.2)}.explanation{color:var(--text-secondary);font-size:1rem;margin:0}.performance-comparison{background:var(--bg-deep);border-radius:16px;padding:2.5rem;margin:2.5rem 0;border:1px solid var(--border-subtle)}.perf-stat .label{font-weight:700;color:var(--text-primary);font-size:1.15rem}.perf-stat .value.bad{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.perf-stat .value.good{background:#10b9811a;color:#6ee7b7;border:1px solid rgba(16,185,129,.2)}.perf-insight{color:var(--text-primary);font-weight:800;font-size:1.25rem;margin:0}.simple-flavors h3{color:var(--text-primary)}.simple-list li{color:var(--text-secondary)}.pitfalls-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}.pitfall-card{background:var(--bg-deep);border:1px solid rgba(239,68,68,.2);border-radius:16px;padding:1.75rem}.pitfall-card h4{color:#f87171;margin-bottom:.875rem;font-size:1.1rem}.pitfall-card .problem{color:var(--text-muted);font-size:.95rem;margin-bottom:1rem;font-style:italic}.pitfall-card .solution{color:#4ade80;font-size:.95rem;background:#10b9810d;padding:1rem;border-radius:10px;line-height:1.6;margin:0}.complexity-section{background:var(--bg-card);border-radius:16px;padding:2.5rem;border:1px solid var(--border-subtle)}.complexity-proof{color:var(--text-primary)}.complexity-proof p{color:var(--text-primary);font-weight:700;font-size:1.15rem;margin-bottom:1.5rem}.proof-steps{list-style:none;padding:0;margin:0 0 1.5rem}.proof-steps li{padding:.6rem 0;color:var(--text-secondary);font-size:1rem;line-height:1.7}.proof-insight{background:var(--bg-deep);padding:1.5rem;border-radius:10px;border-left:5px solid var(--primary)}.proof-insight p{margin:0;color:var(--text-secondary);font-size:1rem;font-weight:600}.highlight-box{background:var(--bg-card);border:1px solid var(--border-active);border-radius:16px;padding:2.5rem}.highlight-box h2{color:var(--text-primary)}.summary-section{background:var(--bg-deep);border-radius:20px;padding:3.5rem 3rem;text-align:center;border:1px solid var(--border-subtle)}.mental-summary{font-size:1.75rem;font-weight:800;color:var(--primary);line-height:1.6;font-style:italic;margin:0 0 2.5rem}.summary-checklist{background:var(--bg-surface);border-radius:16px;padding:3rem;margin-top:2rem;text-align:left;border:1px solid var(--border-subtle);box-shadow:var(--shadow-premium)}.summary-checklist h4{color:var(--text-primary);margin-bottom:1.75rem;font-size:1.3rem;font-weight:800}.summary-checklist li{padding:1rem 0;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;font-weight:600;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:12px}.problem-statement-box{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:2rem 0;margin:2rem 0}.problem-statement-box h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:800}.problem-text{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem;line-height:1.7}.input-item{display:flex;align-items:center;gap:1rem;background:var(--bg-deep);padding:.75rem 1.25rem;border-radius:12px;border:1px solid var(--border-subtle)}.input-label{color:var(--text-muted);font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em}.input-value{color:var(--accent);font-weight:800;font-size:1.2rem;font-family:JetBrains Mono,monospace}.k-value{color:#0369a1;font-size:1.25rem}.viz-description{color:#64748b;font-size:.95rem;margin-bottom:.75rem;text-align:center;font-style:italic}.array-cell{flex-direction:column;gap:.15rem;padding:.25rem;box-sizing:border-box}.cell-value{font-size:1.1rem;font-weight:700}.cell-index{font-size:.65rem;color:#94a3b8;font-weight:600}.array-cell.active-naive .cell-index{color:#991b1b}.array-cell.active-optimized .cell-index{color:#065f46}.calculation-display{padding:1rem 0;margin:1rem 0;border-top:1px dashed #e2e8f0}.calc-label{color:var(--text-muted);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.calc-formula{font-size:1.05rem;color:var(--text-primary);font-family:Fira Code,monospace;margin-bottom:.75rem;padding:.75rem;background:var(--bg-deep);border-radius:8px;border:1px solid var(--border-subtle)}.calc-formula strong{color:#4f46e5;font-size:1.15rem}.calc-note{color:#64748b;font-size:.8rem;font-style:italic;margin-top:.25rem}.calc-update{margin-top:1.25rem;padding-top:1.25rem;border-top:2px dashed #e2e8f0}.update-step{padding:.6rem 1rem;margin:.5rem 0;border-radius:8px;font-size:.95rem;font-family:Fira Code,monospace}.update-step:first-child{background:var(--bg-deep);color:var(--text-secondary)}.remove-step{background:#ef44441a;color:#fca5a5;border-left:4px solid #ef4444}.add-step{background:#10b9811a;color:#6ee7b7;border-left:4px solid #10b981}.update-result{background:var(--bg-deep);color:var(--primary);padding:.75rem 1rem;border-radius:8px;margin-top:.75rem;font-weight:700;font-size:1.05rem;font-family:Fira Code,monospace;border:1px solid var(--border-active)}.update-result strong{color:#6366f1;font-size:1.2rem}@media(max-width:768px){.guide-container{padding:2rem 1rem}.guide-content{padding:2rem 1.5rem}.guide-header h1{font-size:2.5rem}.flavor-grid,.pitfalls-grid{grid-template-columns:1fr}.array-viz{gap:.5rem}.array-cell{width:48px;height:48px;font-size:1.2rem}}.strategy-analysis{margin:1rem 0;padding-left:1rem;border-left:2px solid #e2e8f0}.strategy-analysis h4{font-size:.8rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.compact{gap:.25rem!important}.compact li{font-size:.85rem!important}.meta-text{color:#475569;font-size:.8rem;font-style:italic;background:#f8fafc;padding:.5rem .75rem;border-radius:6px;display:inline-block}.pattern-item{margin-bottom:1.5rem}.pattern-item:last-child{margin-bottom:0}.pattern-qa{background:var(--bg-deep);padding:.75rem 1rem;border-radius:8px;margin-top:.75rem;border-left:3px solid var(--border-subtle)}.pattern-qa p{margin:.25rem 0;font-size:.85rem;line-height:1.4;color:var(--text-secondary)}.pattern-qa strong{color:var(--text-primary);font-weight:600}.intro-analysis{background:var(--bg-deep);border:1px solid var(--border-subtle);margin:.75rem 0 1rem;padding:.75rem;border-radius:8px}.intro-analysis h4{color:var(--text-primary);margin-bottom:.5rem}.simple-logic-explanation{margin:1.25rem 0;line-height:1.6;color:var(--text-secondary)}.simple-logic-explanation p{margin-bottom:.75rem}.stat-comparison{background:var(--bg-deep);padding:.75rem 1rem;border-radius:10px;border:1px solid var(--border-subtle)}.stat-header{font-size:.85rem;color:#64748b;margin-bottom:.5rem}.stat-row{margin:.25rem 0;font-family:JetBrains Mono,monospace;font-size:.9rem}.stat-row.bad{color:#ef4444}.stat-row.good{color:#10b981}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.5rem}.practice-category h3{font-size:1rem;color:#1e293b;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.practice-category .simple-list{display:flex;flex-direction:column;gap:.5rem}.practice-category button{background:none;border:none;padding:0;margin:0;text-align:left;color:#818cf8;font-size:.95rem;cursor:pointer;transition:color .2s}.practice-category button:hover{color:#6366f1;text-decoration:underline}@media(max-width:768px){.practice-grid{grid-template-columns:1fr}}.viz-main-area{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:.5rem 0;padding:.5rem 1rem;background:var(--bg-deep);border-radius:12px;border:1px solid var(--border-subtle)}.array-viz-wrapper{display:flex;flex-direction:column;align-items:center;gap:.75rem}.side-calculations{min-width:180px;transition:all .3s ease}.modern-calc-box{background:var(--bg-surface);padding:.75rem 1rem;border-radius:10px;box-shadow:var(--shadow-premium);border:1px solid var(--border-subtle);font-family:JetBrains Mono,monospace}.calc-row{display:flex;justify-content:space-between;gap:1.5rem;font-size:.95rem;padding:.25rem 0;color:#475569}.calc-row .val{font-weight:700}.calc-row.remove{color:#ef4444}.calc-row.add{color:#10b981}.calc-divider{height:1px;background:#e2e8f0;margin:.5rem 0}.calc-row.total{font-size:1rem;color:#4f46e5;margin-top:.25rem}.calc-row.total .val{font-weight:800}@media(max-width:900px){.viz-main-area{flex-direction:column;gap:2rem}}.modern-calc-box.naive{border-color:#fca5a5}.modern-calc-box.naive .calc-label{color:#ef4444}.naive-warning{margin-top:.75rem;font-size:.8rem;color:#f87171;font-weight:700;text-align:center}.flavor-description{margin-bottom:0;padding:0 .5rem;min-height:90px;display:flex;align-items:flex-start}.flavor-description p{font-size:.95rem;line-height:1.6;color:var(--text-secondary)}.flavor-example{margin-top:1rem;padding:.75rem 1rem;background:var(--bg-deep);border-radius:8px;border:1px dashed var(--border-subtle);font-size:.85rem;color:var(--text-secondary)}.flavor-example strong{color:#4f46e5}.explanation-inline{font-size:.8rem;font-weight:400;font-style:italic;margin-left:.6rem;opacity:.85}.subtitle-inline{font-size:.85rem;font-weight:400;color:#64748b;margin-left:.75rem}.mental-model-box,.why-box,.decision-tree,.timing-rule-box,.mantra-box{margin-top:1.25rem;padding:1.5rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.mental-model-visual{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:#4f46e5}.icon-pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.killer-line{margin-top:1.25rem;padding:1rem;background:#ef444414;border-left:4px solid #ef4444;font-weight:700;color:var(--text-primary);border-radius:4px}.checklists li{margin-bottom:.75rem!important}.warning-note{font-size:.85rem;color:#94a3b8;margin-top:1rem}.decision-tree{background:var(--bg-deep);border:1px solid var(--border-subtle)}.node-text{display:block;font-weight:700;color:var(--text-primary);margin-bottom:1rem;font-size:1rem}.tree-branches{display:flex;flex-direction:column;gap:1.5rem;padding-left:1rem;border-left:2px dashed #cbd5e1}.branch{position:relative;padding-left:1.5rem}.branch:before{content:"";position:absolute;left:0;top:50%;width:1.2rem;height:2px;background:var(--border-subtle)}.branch-label{display:block;font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.outcome.badge{display:inline-block;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:700}.timing-rule-box{background:var(--bg-card);border-color:var(--border-subtle)}.timing-rule-box h4{color:#9d174d;margin-bottom:1rem}.mantra-box{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;text-align:center;border:none;box-shadow:0 10px 25px -5px #4f46e566}.mantra-text{font-size:1.85rem;font-weight:800;margin-top:1rem;font-family:Outfit,sans-serif;color:#fff!important;line-height:1.4;text-shadow:0 2px 8px rgba(0,0,0,.2)}.mantra-text strong{color:#fbbf24!important;text-decoration:underline;text-underline-offset:6px}.dd-container{width:100%;max-width:var(--reading-width);margin:0 auto;color:var(--text-primary);padding:64px 24px;font-family:var(--font-body)}.dd-container.inline{padding:32px 0 64px}@media(max-width:768px){.dd-container{padding:32px 16px}.dd-container.inline{padding:16px 0 48px}}.dd-header{margin-bottom:80px;text-align:left}.dd-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.25rem);font-weight:700;margin-bottom:24px;letter-spacing:-.025em;line-height:1.15}.dd-subtitle{font-size:24px;color:var(--text-secondary);margin-bottom:32px;line-height:1.4;font-weight:500}@media(max-width:768px){.dd-header{margin-bottom:48px}.dd-title{font-size:36px}.dd-subtitle{font-size:18px;margin-bottom:24px}}.dd-section{margin-bottom:var(--section-gap)}.dd-section-title{font-family:var(--font-display);font-size:32px;font-weight:900;color:var(--text-primary);margin-bottom:32px;display:flex;align-items:center;gap:16px;letter-spacing:-.01em}@media(max-width:768px){.dd-section{margin-bottom:48px}.dd-section-title{font-size:24px;margin-bottom:24px;gap:12px}}.dd-card{background:var(--bg-card);border:1.5px solid var(--border-subtle);border-radius:16px;padding:32px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden}.dd-card-title{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:12px}.dd-card p{font-size:16px;line-height:1.7;color:var(--text-secondary);margin:0}@media(max-width:768px){.dd-card{padding:24px 20px;border-radius:14px}.dd-card-title{font-size:18px}.dd-card p{font-size:15px}}.dd-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.dd-grid-2>*{min-width:0}@media(max-width:768px){.dd-grid-2{grid-template-columns:1fr!important;gap:16px}}.dd-callout{font-size:16px;color:var(--text-primary);line-height:1.6;margin:24px 0;padding:24px;background:#6366f10d;border-left:4px solid var(--primary);border-radius:0 16px 16px 0}.dd-mantra{background:radial-gradient(circle at 50% 50%,#6366f11a,#0f172a99);border:1px solid rgba(99,102,241,.3);border-radius:24px;padding:48px 32px;text-align:center;margin:var(--section-gap) 0;box-shadow:0 0 50px #6366f11a}.dd-mantra-text{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1.3;max-width:600px;margin:0 auto}@media(max-width:768px){.dd-mantra{padding:36px 20px;margin:48px 0;border-radius:20px}.dd-mantra-text{font-size:1.2rem}}.dd-viz-container{background:var(--bg-deep);border:1.5px solid var(--border-subtle);border-radius:16px;padding:48px 24px;margin:32px 0;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}@media(max-width:768px){.dd-viz-container{padding:32px 16px;border-radius:14px}}.dd-text-muted{color:var(--text-muted)}.dd-text-accent{color:var(--primary)}.dd-font-mono{font-family:var(--font-mono)}.guide-sticky-header{position:sticky;top:0;z-index:101;width:100%;background:var(--bg-deep);border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:48px}.guide-sticky-header-inner{display:flex;align-items:center;gap:16px;height:64px}.guide-sticky-back-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:.5em;color:var(--text-muted);transition:color .2s ease,transform .2s ease}.guide-sticky-back-btn:hover{color:var(--primary);transform:translate(-2px)}.guide-sticky-header-text{display:flex;flex-direction:column;gap:2px;min-width:0}.guide-sticky-header-actions{margin-left:auto;flex-shrink:0}.guide-sticky-eyebrow{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--primary)}.guide-sticky-title{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.guide-sticky-header{margin-bottom:32px}.guide-sticky-header-inner{height:56px}.guide-sticky-title{font-size:1rem}}.guide-meta{display:flex;gap:24px;margin-top:24px}.meta-item{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:14px;font-weight:600}.guide-section{margin-bottom:var(--section-gap)}.guide-section-title{font-family:var(--font-display);font-size:32px;font-weight:900;color:var(--text-primary);margin-bottom:32px}.guide-card,.guide-section-card,.guide-flavor-card{background:var(--bg-card);border:1.5px solid var(--border-subtle);border-radius:16px;padding:32px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.guide-title-xl{font-family:var(--font-display);font-size:56px;font-weight:900;margin-bottom:24px;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.guide-subtitle{font-size:24px;color:var(--text-secondary);margin-bottom:32px}.guide-viz-container{background:var(--bg-deep);border:1.5px solid var(--border-subtle);border-radius:16px;padding:48px 24px}.code-window{background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden;margin:24px 0}.code-header{background:var(--bg-glass);padding:12px 20px;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.code-lang{font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.simple-code{font-family:var(--font-mono);font-size:14px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;padding:24px}.dd-jump-anchor{position:relative;top:0;height:0;scroll-margin-top:96px;pointer-events:none}.dd-pattern-divider{display:flex;align-items:center;gap:24px;padding:28px 32px;margin:72px 0 40px;border:1px solid;border-radius:24px}.dd-pattern-divider:first-child{margin-top:0}.dd-pd-num{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border:1px solid;border-radius:18px;font-size:24px;font-weight:900;font-family:Outfit,sans-serif}.dd-pd-kicker{font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px}.dd-pd-title{margin:0;font-size:2rem;font-weight:900;letter-spacing:-.02em;color:var(--text-primary);font-family:var(--font-display)}.dd-pd-sub{margin:8px 0 0;font-size:15px;color:var(--text-secondary);line-height:1.5;max-width:640px}@media(max-width:640px){.dd-pattern-divider{gap:16px;padding:20px;margin:48px 0 32px}.dd-pd-num{width:50px;height:50px;font-size:20px;border-radius:14px}.dd-pd-title{font-size:1.5rem}.dd-pd-sub{font-size:13px}}.dd-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}@media(max-width:768px){.dd-grid-3{grid-template-columns:1fr!important;gap:16px}}.dd-demo-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);font-size:12px;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:all .15s ease}.dd-demo-btn:hover{color:var(--text-primary);border-color:var(--primary)}.dd-demo-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.dd-demo-btn:disabled{opacity:.4;cursor:default}