.guide-page{background:var(--background);min-height:100vh}.guide-layout{gap:2rem;max-width:1200px;margin:0 auto;padding:2rem 1rem;display:flex}.toc-sidebar{flex-shrink:0;width:220px}.toc-container{position:sticky;top:100px}.toc-header{color:var(--text-muted);border-bottom:1px solid var(--border);align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}.toc-nav{flex-direction:column;display:flex}.toc-item{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;padding:.625rem .875rem;font-size:.875rem;transition:all .2s;display:block}.toc-item:hover{color:var(--text-primary);background:var(--surface-hover)}.toc-item.active{color:var(--primary);border-left-color:var(--primary);background:#3b82f60d;font-weight:500}.toc-ad{background:#f1f5f9;border:1px solid #4f46e533;border-radius:12px;margin-top:2rem;padding:1.25rem}[data-theme=dark] .toc-ad{background:#3b82f614}.toc-ad .ad-icon{color:#4f46e5;margin-bottom:.875rem}.toc-ad .ad-title{color:var(--text-primary);margin:0 0 .375rem;font-size:.9375rem;font-weight:700}.toc-ad .ad-desc{color:var(--text-muted);margin:0 0 1rem;font-size:.8125rem;line-height:1.5}.toc-ad .ad-button{text-align:center;background:#4f46e5;border-radius:8px;width:100%;padding:.625rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:block;color:#fff!important}.toc-ad .ad-button:hover{background:#4338ca;transform:translateY(-1px)}.guide-main{flex:1;min-width:0}.guide-article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2rem;box-shadow:0 4px 12px #00000014}.guide-header{border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:1.5rem}.guide-tag{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:20px;margin-bottom:1rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;display:inline-block}.guide-tag.update{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.guide-header h1{color:var(--text-primary);margin-bottom:1.25rem;font-size:2.25rem;font-weight:700;line-height:1.2}.guide-meta{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.guide-meta .meta-left{align-items:center;gap:.5rem;display:flex}.guide-meta .meta-divider{color:var(--border)}.guide-content section{margin-bottom:4rem;scroll-margin-top:100px}.guide-content h2{color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.375rem;font-weight:700}.guide-content p{color:var(--text-secondary);margin-bottom:1rem;font-size:1rem;line-height:1.8}.guide-content .lead{color:var(--text-primary);font-size:1.0625rem}.guide-content .section-title-with-icon{align-items:center;gap:.5rem;display:flex;border-bottom:none!important;padding-bottom:1rem!important}.guide-content .section-title-with-icon svg{color:var(--text-muted)}.guide-content .section-title-with-icon .material-symbols-outlined{font-size:24px}.guide-content .section-title-with-icon .material-symbols-outlined.text-primary{color:var(--primary)}.comparison-table.five-col .comparison-row{grid-template-columns:1fr 120px 120px 120px 1fr}.comparison-table{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px;margin:0 0 1.5rem;overflow:hidden;box-shadow:0 4px 12px #00000014}[data-theme=dark] .comparison-table{background:#1e293b99;border-color:#47556980;box-shadow:0 4px 12px #0003}.comparison-row{border-bottom:1px solid #e2e8f0;grid-template-columns:140px 1fr 1fr;display:grid}[data-theme=dark] .comparison-row{border-bottom-color:#47556980}.comparison-row:last-child{border-bottom:none}.comparison-row:not(.header){background:#fff}[data-theme=dark] .comparison-row:not(.header){background:var(--surface)}.comparison-row.header{background:#f8fafc;border-bottom:none}[data-theme=dark] .comparison-row.header{background:#33415580}.comparison-row span{padding:1rem 1.5rem;font-size:.875rem}.comparison-row:not(.header) span:not(.row-label){font-weight:600}.comparison-row .metric-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:.75rem;font-weight:600}.comparison-row .row-label{color:var(--text-secondary);font-weight:500}.comparison-row .etf-name{font-size:1rem;font-weight:700}.comparison-row .etf-name.schd,.comparison-row .etf-name.dgro,.comparison-row .etf-name.etf-a{color:#3b82f6}.comparison-row .etf-name.vym,.comparison-row .etf-name.vig,.comparison-row .etf-name.etf-b{color:#22c55e}.comparison-row span.highlight{color:#22c55e;font-weight:600}.projection-table{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px;margin:0 0 1.5rem;overflow:hidden;box-shadow:0 4px 12px #00000014}[data-theme=dark] .projection-table{background:#1e293b99;border-color:#47556980;box-shadow:0 4px 12px #0003}.projection-row{border-bottom:1px solid #e2e8f0;grid-template-columns:140px 1fr 1fr;display:grid}[data-theme=dark] .projection-row{border-bottom-color:#47556980}.projection-row:last-child{border-bottom:none}.projection-row:not(.header){background:#fff}[data-theme=dark] .projection-row:not(.header){background:var(--surface)}.projection-row.header{background:#f8fafc;border-bottom:none}[data-theme=dark] .projection-row.header{background:#33415580}.projection-row.header span{color:#94a3b8;font-size:.875rem;font-weight:600}.projection-row.featured{background:#f0fdf4!important}[data-theme=dark] .projection-row.featured{background:#22c55e26!important}.projection-row.featured span{font-weight:700}.projection-row span{padding:1rem 1.5rem;font-size:.875rem}.projection-row:not(.header) span:not(:first-child){font-weight:600}.projection-row span.highlight{color:#22c55e;font-weight:600}.projection-note{color:var(--text-muted);margin-top:1rem;font-size:.8125rem;font-style:italic}.guide-content .feature-list{margin:1.5rem 0;padding:0;list-style:none}.guide-content .feature-list li{color:var(--text-secondary);padding:1.25rem 1.25rem 1.25rem 2.25rem;position:relative;box-shadow:0 4px 20px -2px #0000000d}.guide-content .feature-list li:before{content:"✓";color:#22c55e;font-weight:700;position:absolute;left:.75rem}.key-point{border-left:4px solid;border-radius:0;margin:1.5rem 0;padding:1.25rem}.key-point.blue{background:#f8fafc;border-left-color:#3b82f6}.key-point.orange{background:#fffbeb;border-left-color:#f59e0b}.key-point.green{background:#f0fdf4;border-left-color:#22c55e}[data-theme=dark] .key-point.blue{background:#3b82f61a}[data-theme=dark] .key-point.orange{background:#f59e0b1a}[data-theme=dark] .key-point.green{background:#22c55e1a}.philosophy-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.5rem 0;display:grid}.philosophy-card{border-radius:var(--radius-lg);text-align:center;border:2px solid;padding:1.25rem}.philosophy-card.schd-card,.philosophy-card.dgro-card,.philosophy-card.etf-a-card{background:#3b82f60d;border-color:#3b82f6}.philosophy-card.vym-card,.philosophy-card.vig-card,.philosophy-card.etf-b-card{background:#22c55e0d;border-color:#22c55e}.philosophy-icon{background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto .75rem;display:flex}.schd-card .philosophy-icon,.dgro-card .philosophy-icon,.etf-a-card .philosophy-icon{color:#3b82f6}.vym-card .philosophy-icon,.vig-card .philosophy-icon,.etf-b-card .philosophy-icon{color:#22c55e}.philosophy-card h4{margin-bottom:.5rem;font-size:1rem;font-weight:700}.philosophy-card p{margin:0;font-size:.875rem;font-style:italic}.decision-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.5rem 0;display:grid}.decision-card{background:#fff;border:1px solid #0000;border-radius:16px;padding:1.5rem;position:relative;box-shadow:0 2px 8px #0000000f}.decision-card.green{border-color:#10b98159}.decision-card.orange{border-color:#f59e0b59}.decision-card.blue{border-color:#3b82f659}[data-theme=dark] .decision-card{background:var(--surface);box-shadow:0 2px 8px #0003}.decision-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.decision-card h4{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:700}.decision-card-icon{opacity:.1;padding:1rem;line-height:1;position:absolute;top:0;right:0;font-size:3.75rem!important}.decision-card-icon.green{color:#10b981}.decision-card-icon.orange{color:#f59e0b}.decision-card-icon.blue{color:#3b82f6}.decision-card ul{padding:0;list-style:none;margin:0!important}.decision-card li{color:var(--text-secondary);padding:.5rem 0 .5rem 1.75rem;font-size:.9375rem;line-height:1.5;position:relative}.decision-card li:before{content:"✓";color:#10b981;font-weight:700;position:absolute;left:0}.decision-card.orange li:before{color:#f59e0b}.combo-box{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px;margin:1.5rem 0;padding:2rem;box-shadow:0 4px 12px #00000014}[data-theme=dark] .combo-box{background:#1e293b99;border-color:#47556980;box-shadow:0 4px 12px #0003}.combo-box-header{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.combo-box-header .combo-icon{color:#3b82f6;font-size:1.5rem}.combo-box h4{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:700}.combo-box ul{margin:0 0 1.25rem;padding:0;list-style:none}.combo-box li{color:var(--text-secondary);padding:.5rem 0 .5rem 1.25rem;font-size:.9375rem;position:relative}.combo-box li:before{content:"";background:#3b82f6;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.combo-box li strong{color:var(--text-primary)}.combo-stats{background:#fff;border-radius:12px;grid-template-columns:1fr 1fr 1fr;display:grid;overflow:hidden}[data-theme=dark] .combo-stats{background:var(--surface)}.combo-stat{text-align:center;border-right:1px solid #e2e8f0;padding:1rem}[data-theme=dark] .combo-stat{border-right-color:var(--border)}.combo-stat:last-child{border-right:none}.combo-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.25rem;font-size:.6875rem;font-weight:600}.combo-stat-value{color:var(--text-primary);font-size:1rem;font-weight:700}.combo-stat-value.highlight{color:#3b82f6}.guide-cta{color:#fff;text-align:left;background:#4f46e5;border-radius:16px;padding:3rem;position:relative;overflow:hidden}.guide-cta-content{z-index:1;max-width:60%;position:relative}.guide-cta h2{text-align:left;font-size:1.375rem;font-weight:700;color:#fff!important;border-bottom:none!important;margin-bottom:.5rem!important}.guide-cta p{text-align:left;color:#ffffffe6!important;margin-bottom:1.25rem!important;font-size:1rem!important}.guide-cta-icon{color:#ffffff26;z-index:0;position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);font-size:5rem!important}.guide-cta-bg{opacity:.1;pointer-events:none;width:50%;height:100%;position:absolute;top:0;right:0}.guide-cta-buttons{flex-wrap:wrap;justify-content:flex-start;gap:.75rem;display:flex}.guide-cta-btn{border-radius:16px;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.guide-cta-btn.primary{color:#6366f1;background:#fff}.guide-cta-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.guide-cta-btn.secondary{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #fff3}.guide-cta-btn.secondary:hover{box-shadow:none;background:#ffffff4d;transform:none;color:#fff!important}@media (max-width:1024px){.toc-sidebar{display:none}.guide-layout{padding:1rem}.guide-article{padding:1.5rem}.guide-header h1{font-size:1.5rem}.guide-meta{flex-direction:column;align-items:flex-start;gap:1rem}.comparison-row,.projection-row{grid-template-columns:1.2fr 1fr 1fr}.comparison-table.five-col .comparison-row{grid-template-columns:60px 60px 55px 55px 1fr;font-size:.8125rem}.comparison-row span,.projection-row span{padding:.625rem .5rem;font-size:.8125rem}.philosophy-grid,.decision-grid{grid-template-columns:1fr}.guide-cta{padding:1.5rem}.guide-cta-content{max-width:100%}.guide-cta-icon{display:none}.combo-stats{grid-template-columns:1fr}.combo-stat{border-bottom:1px solid #e2e8f0;border-right:none}[data-theme=dark] .combo-stat{border-bottom-color:var(--border)}.combo-stat:last-child{border-bottom:none}}a.etf-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;cursor:pointer;margin-bottom:1.5rem;padding:2rem;text-decoration:none;transition:all .2s;display:block;box-shadow:0 2px 8px #0000000f}a.etf-card:hover{color:inherit;transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}a.etf-card.featured{border:2px solid var(--primary)}a.etf-card h3{color:var(--text-primary);margin:0 0 1rem;font-size:1.125rem;font-weight:700}a.etf-card .etf-stats{border-radius:var(--radius-md);background:#f8fafc;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0;padding:1rem;display:grid}[data-theme=dark] a.etf-card .etf-stats{background:#1e293b99}a.etf-card .stat{flex-direction:column;display:flex}a.etf-card .stat-label{color:var(--text-muted);margin-bottom:.25rem;font-size:.75rem}a.etf-card .stat-value{color:var(--text-primary);font-size:1rem;font-weight:600}a.etf-card .stat-value.good{color:#10b981}a.etf-card .stat-value.high{color:#f59e0b}a.etf-card p{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.7}a.etf-card .etf-badge{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:4px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.step-cards{flex-direction:column;gap:1rem;display:flex}.step-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 2rem;box-shadow:0 2px 8px #0000000a}.step-card h4{color:var(--text-primary);margin:0 0 1.25rem;font-size:1.125rem;font-weight:700}.step-option{align-items:center;padding:.75rem 0;display:flex}.step-option:not(:last-child){border-bottom:1px solid #0000000a}.step-label{color:var(--text-secondary);min-width:120px;font-size:.9375rem}.step-label.highlight{color:var(--primary);background:#3b82f61a;border-radius:16px;padding:.25rem .75rem;font-weight:500;display:inline-block}.step-arrow{color:var(--text-muted);flex-shrink:0;margin:0 1rem}.step-etfs{margin-left:auto;font-weight:600}.step-etfs.blue{color:var(--primary)}.step-etfs.badge{background:var(--primary);color:#fff;border-radius:4px;padding:.25rem .75rem;font-size:.875rem;display:inline-block}@media (max-width:768px){.step-card{padding:1.25rem}.step-option{flex-wrap:wrap;gap:.5rem}.step-label{min-width:auto}.step-arrow{margin:0 .5rem}.step-etfs{margin-left:0}}.quick-table{border:1px solid var(--border);border-radius:12px;margin:1.5rem 0;overflow:hidden}.quick-row{border-bottom:1px solid var(--border);color:inherit;grid-template-columns:100px 1fr 80px 130px 100px;text-decoration:none;display:grid}.quick-row:last-child{border-bottom:none}.quick-row-header{background:var(--surface-hover);color:var(--text-muted);font-size:.8125rem;font-weight:600}.quick-row-clickable{cursor:pointer;transition:background .2s}.quick-row-clickable:hover{background:var(--surface-hover)}.quick-row span{padding:.875rem .75rem}.quick-row .ticker{color:var(--primary);font-weight:700}.quick-row .high{color:#10b981;font-weight:600}.quick-row .source{font-size:.75rem;font-weight:600}.quick-row .source-morningstar{color:#7c3aed}.quick-row .source-sure-dividend{color:#0ea5e9}@media (max-width:768px){.quick-row{grid-template-columns:60px 1fr 60px;font-size:.8125rem}.quick-row span{padding:.625rem .5rem}.quick-row span:nth-child(4),.quick-row span:nth-child(5){display:none}}a.stock-card{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:12px;margin-bottom:1rem;padding:1.5rem;text-decoration:none;transition:all .2s;display:block}a.stock-card:hover{border-color:var(--primary);color:inherit;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}a.stock-card.stock-card-featured{background:#10b98108;border:2px solid #10b981}a.stock-card.stock-card-featured:hover{border-color:#059669}a.stock-card.stock-card-featured-special{background:#f59e0b08;border:2px solid #f59e0b}a.stock-card.stock-card-featured-special:hover{border-color:#d97706}.stock-header{margin-bottom:1rem}.stock-badge{border-radius:20px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.stock-badge-morningstar{color:#7c3aed;background:#7c3aed1a}.stock-badge-sure-dividend{color:#0ea5e9;background:#0ea5e91a}.stock-badge-featured{color:#d97706;background:#f59e0b1a}.stock-name{color:var(--text-primary);margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.stock-meta{color:var(--text-muted);font-size:.875rem}.stock-desc{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.7}.quick-row-clickable,a.stock-card,.stock-card.clickable,a.table-row-link,.table-row-link,a.quick-row{cursor:pointer!important}.stock-card:not([href]),.table-row:not([href]){cursor:default!important}a.stock-card,a.table-row-link,a.quick-row,.quick-row-clickable,.stock-card.clickable,.table-row-link{cursor:pointer!important}.stock-card{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:12px;margin-bottom:1rem;padding:1.5rem;text-decoration:none;transition:all .2s;display:block}.stock-card.stock-card-featured{background:#10b98108;border:2px solid #10b981}.stock-card.stock-card-featured-special{background:#f59e0b08;border:2px solid #f59e0b}