.blog-article{max-width:800px;margin:0 auto;padding:120px 24px 80px}.blog-breadcrumb{display:inline-flex;align-items:center;gap:8px;font-size:0.88rem;font-weight:500;color:var(--accent-blue);margin-bottom:32px;transition:color 0.3s;text-decoration:none}.blog-breadcrumb:hover{color:var(--accent-blue-light)}.blog-breadcrumb .lucide-icon{font-size:0.8rem;transition:transform 0.3s}.blog-breadcrumb:hover .lucide-icon{transform:translateX(-3px)}.blog-article h1{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;line-height:1.2;letter-spacing:-0.03em;color:var(--text-primary);margin-bottom:16px}.article-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--text-muted);font-size:0.88rem;margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid var(--border-subtle)}.article-meta span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border:1px solid rgba(140,145,164,0.24);border-radius:999px;background:rgba(255,255,255,0.66);white-space:nowrap}.article-meta time{font-weight:500}.article-meta-separator{width:4px;height:4px;background:var(--text-muted);border-radius:50%;opacity:0.5}.blog-article h2{font-family:var(--font-display);font-size:clamp(1.3rem,2.5vw,1.6rem);font-weight:700;letter-spacing:-0.02em;color:var(--text-primary);margin-top:48px;margin-bottom:20px;line-height:1.3}.blog-article h3{font-family:var(--font-display);font-size:clamp(1.05rem,2vw,1.2rem);font-weight:600;letter-spacing:-0.01em;color:var(--text-primary);margin-top:36px;margin-bottom:14px;line-height:1.35}.blog-article h4{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);margin-top:24px;margin-bottom:10px}.blog-article p{font-size:1rem;color:var(--text-secondary);line-height:1.85;margin-bottom:16px}.blog-article strong{color:var(--text-primary);font-weight:600}.blog-article a{color:var(--accent-blue);text-decoration:underline;text-decoration-color:rgba(0,174,255,0.3);text-underline-offset:3px;transition:text-decoration-color 0.3s}.blog-article a:hover{text-decoration-color:var(--accent-blue)}.blog-article ul,.blog-article ol{color:var(--text-secondary);line-height:1.85;margin-bottom:20px;padding-left:24px}.blog-article li{margin-bottom:8px}.blog-article li::marker{color:var(--accent-blue)}.blog-article blockquote{border-left:3px solid var(--accent-gold);padding:16px 24px;margin:24px 0;background:rgba(201,168,76,0.04);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.blog-article blockquote p{color:var(--text-secondary);margin:0;font-style:italic}.info-box{background:rgba(0,174,255,0.04);border:1px solid rgba(0,174,255,0.12);border-radius:var(--radius-md);padding:24px 28px;margin:28px 0}.info-box h4{font-family:var(--font-display);color:var(--accent-blue);font-size:0.95rem;font-weight:600;margin-bottom:12px;margin-top:0}.info-box ul,.info-box ol{margin-bottom:0}.info-box p:last-child{margin-bottom:0}.step-highlight{background:rgba(0,174,255,0.04);border:1px solid rgba(0,174,255,0.12);border-radius:var(--radius-md);padding:24px 28px;margin:20px 0}.step-highlight h4{font-family:var(--font-display);color:var(--accent-blue);font-size:0.95rem;font-weight:600;margin-bottom:10px;margin-top:0}.warning-box{background:rgba(239,68,68,0.04);border:1px solid rgba(239,68,68,0.15);border-radius:var(--radius-md);padding:24px 28px;margin:28px 0}.warning-box h4{font-family:var(--font-display);color:#ef4444;font-size:0.95rem;font-weight:600;margin-bottom:12px;margin-top:0}.success-box{background:rgba(34,197,94,0.04);border:1px solid rgba(34,197,94,0.15);border-radius:var(--radius-md);padding:24px 28px;margin:28px 0}.success-box h4{font-family:var(--font-display);color:#22c55e;font-size:0.95rem;font-weight:600;margin-bottom:12px;margin-top:0}.table-wrapper{overflow-x:auto;margin:28px 0;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.comparison-table{width:100%;border-collapse:collapse;font-size:0.92rem}.comparison-table th{background:var(--surface-dark);color:var(--text-on-dark);font-family:var(--font-display);font-weight:600;font-size:0.82rem;letter-spacing:0.02em;padding:14px 18px;text-align:left;white-space:nowrap}.comparison-table td{padding:14px 18px;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);line-height:1.6}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:hover td{background:rgba(0,174,255,0.02)}.comparison-table td strong{color:var(--text-primary)}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.pros-box,.cons-box{border-radius:var(--radius-md);padding:24px 28px}.pros-box{background:rgba(34,197,94,0.04);border:1px solid rgba(34,197,94,0.15)}.cons-box{background:rgba(239,68,68,0.04);border:1px solid rgba(239,68,68,0.15)}.pros-box h4{color:#22c55e;font-family:var(--font-display);font-size:0.95rem;font-weight:600;margin-bottom:12px;margin-top:0}.cons-box h4{color:#ef4444;font-family:var(--font-display);font-size:0.95rem;font-weight:600;margin-bottom:12px;margin-top:0}.pros-box ul,.cons-box ul{margin-bottom:0;padding-left:20px}.pros-box li::marker{color:#22c55e}.cons-box li::marker{color:#ef4444}.article-cta{background:var(--surface-dark);border-radius:var(--radius-lg);padding:40px 36px;margin:48px 0 32px;text-align:center;position:relative;overflow:hidden}.article-cta::before{content:'';position:absolute;top:-50%;left:-30%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,174,255,0.1) 0%,transparent 60%)}.article-cta>*{position:relative;z-index:2}.article-cta h3{font-family:var(--font-display);color:var(--text-on-dark);font-size:1.2rem;font-weight:700;margin-bottom:10px;margin-top:0}.article-cta p{color:var(--text-on-dark-muted);font-size:0.95rem;margin-bottom:24px}.article-cta .btn-primary{display:inline-flex}.related-articles{border-top:1px solid var(--border-subtle);padding-top:32px;margin-top:48px}.related-articles h3{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;margin-top:0}.related-articles ul{list-style:none;padding:0;margin:0}.related-articles li{margin-bottom:10px}.related-articles a{display:inline-flex;align-items:center;gap:8px;color:var(--accent-blue);font-size:0.95rem;font-weight:500;text-decoration:none;transition:color 0.3s}.related-articles a:hover{color:var(--accent-blue-light)}.related-articles a::before{content:'→';font-size:0.8rem}.blog-article img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:24px 0;display:block}.blog-article figure{margin:32px 0}.blog-article figure img{margin:0;width:100%;object-fit:cover;aspect-ratio:16 / 9}.blog-article figcaption{text-align:center;font-size:0.82rem;color:var(--text-muted);margin-top:10px;font-style:italic}.game-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:28px;margin:24px 0;transition:all 0.3s ease}.game-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.game-card h3{margin-top:0;margin-bottom:12px}.game-card .game-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.game-card .game-tag{display:inline-flex;align-items:center;gap:4px;font-size:0.78rem;font-weight:600;background:rgba(0,174,255,0.08);color:var(--accent-blue);padding:4px 10px;border-radius:100px;letter-spacing:0.02em}.checklist-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:24px 28px;margin:16px 0;display:flex;gap:16px;align-items:flex-start}.checklist-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem}.checklist-icon.green{background:rgba(34,197,94,0.1);color:#22c55e}.checklist-icon.red{background:rgba(239,68,68,0.1);color:#ef4444}.checklist-icon.blue{background:rgba(0,174,255,0.1);color:var(--accent-blue)}.checklist-content h4{margin-top:0;margin-bottom:6px}.checklist-content p{margin-bottom:0;font-size:0.92rem}.timeline-item{position:relative;padding-left:32px;padding-bottom:32px;border-left:2px solid var(--border-subtle);margin-left:12px}.timeline-item:last-child{padding-bottom:0}.timeline-item::before{content:'';position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--accent-blue);border:2px solid var(--bg-primary)}.timeline-year{font-family:var(--font-display);font-size:0.82rem;font-weight:700;color:var(--accent-blue);letter-spacing:0.04em;margin-bottom:8px}@media (max-width:768px){.blog-article{padding:100px 20px 60px}.pros-cons{grid-template-columns:1fr}.comparison-table{font-size:0.82rem}.comparison-table th,.comparison-table td{padding:10px 12px}.article-cta{padding:32px 24px}}@media (max-width:480px){.blog-article{padding:90px 16px 48px;max-width:100%;overflow-wrap:anywhere}.blog-article h1{font-size:1.42rem;line-height:1.25;overflow-wrap:anywhere}.article-meta{gap:8px;font-size:0.82rem}.info-box,.step-highlight,.warning-box,.success-box{padding:18px 20px}}.lucide-icon{display:inline-block;width:1.1em;height:1.1em;vertical-align:-0.15em;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}.lucide-icon-sm{width:0.9em;height:0.9em}.lucide-icon-md{width:1.3em;height:1.3em}.lucide-icon-lg{width:1.6em;height:1.6em}.lucide-icon-success{color:#10b981}.lucide-icon-error{color:#ef4444}.lucide-icon-warning{color:#f59e0b}.lucide-icon-info{color:#3b82f6}.lucide-icon-accent{color:#C9A84C}.lucide-icon-muted{color:#8C91A4}.lucide-icon-star{color:#fbbf24}.lucide-icon-star.filled{fill:#fbbf24;stroke:#fbbf24}.lucide-icon-flag{color:#ef4444}.affiliate-disclosure,.footer-disclosure,.article-disclosure{color:var(--text-muted);font-size:0.82rem;line-height:1.6}.affiliate-disclosure{max-width:500px;margin-top:14px}.footer-disclosure{max-width:320px;margin-top:12px}.article-disclosure{color:rgba(244,245,249,0.72);margin-top:14px;margin-bottom:0 !important}@media (max-width:1024px){.affiliate-disclosure{margin-left:auto;margin-right:auto;text-align:center}}.article-cta a.btn-primary{color:#fff;text-decoration:none;text-decoration-color:transparent;justify-content:center;max-width:100%;text-align:center}.article-cta a.btn-primary:hover{color:#fff;text-decoration:none}.mobile-sticky-cta{display:none}@media (max-width:640px){body{padding-bottom:86px}.article-cta{overflow:hidden}.article-cta h2{overflow-wrap:anywhere}.mobile-sticky-cta{position:fixed;left:18px;right:18px;bottom:16px;z-index:1200;display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:999px;background:var(--accent-blue);color:#fff;font-weight:800;box-shadow:0 18px 44px rgba(0,174,255,0.34),0 4px 14px rgba(13,17,32,0.16);border:1px solid rgba(255,255,255,0.35)}.hero{min-height:auto;padding-top:96px}.hero-visual{margin-top:28px}}.answer-card{padding:22px 24px;margin:28px 0;border:1px solid rgba(0,174,255,0.2);border-left:4px solid var(--accent-blue);border-radius:22px;background:linear-gradient(135deg,rgba(232,247,255,0.92),rgba(255,255,255,0.7));box-shadow:0 14px 34px rgba(13,17,32,0.05)}.answer-card span{display:inline-flex;margin-bottom:8px;color:var(--accent-blue);font-size:0.78rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}.answer-card p{margin:0;color:var(--text-primary);font-size:1.02rem;line-height:1.72}.article-mini-faq,.article-related{margin:56px 0 0}.article-mini-faq h2,.article-related h2{margin-top:0}.mini-faq-list{display:grid;gap:12px}.mini-faq-item{border:1px solid var(--border-subtle);border-radius:18px;background:rgba(255,255,255,0.72);overflow:hidden}.mini-faq-item summary{cursor:pointer;padding:18px 20px;color:var(--text-primary);font-weight:800;list-style:none}.mini-faq-item summary::-webkit-details-marker{display:none}.mini-faq-item p{margin:0;padding:0 20px 20px;color:var(--text-secondary)}.article-related{padding:28px;border-radius:26px;background:var(--surface-dark);color:var(--text-on-dark)}.article-related-head p{color:rgba(244,245,249,0.7);margin-bottom:22px}.related-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.related-card{display:flex;min-height:178px;flex-direction:column;justify-content:space-between;gap:12px;padding:20px;border:1px solid rgba(255,255,255,0.12);border-radius:20px;background:rgba(255,255,255,0.06);color:var(--text-on-dark);text-decoration:none;transition:transform 0.25s ease,border-color 0.25s ease,background 0.25s ease}.related-card:hover{transform:translateY(-4px);border-color:rgba(0,174,255,0.42);background:rgba(0,174,255,0.1);color:var(--text-on-dark);text-decoration:none}.related-kicker{color:var(--accent-blue-light);font-size:0.72rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}.related-card strong{font-family:var(--font-display);font-size:0.98rem;line-height:1.35}.related-card small{color:rgba(244,245,249,0.68);font-size:0.82rem;line-height:1.55}@media (max-width:760px){.related-card-grid{grid-template-columns:1fr}.article-related{padding:24px 18px}}