/* Shared article styles */
body{background:#0B0F12;color:#fff}
.article{max-width:820px;margin:0 auto;padding:40px 24px 80px;color:#fff}
.article__breadcrumb{font-size:13px;color:rgba(255,255,255,.55);margin-bottom:24px;display:flex;gap:8px;flex-wrap:wrap}
.article__breadcrumb a{color:#2DDB85;text-decoration:none}
.article__breadcrumb a:hover{text-decoration:underline}
.article__cat{display:inline-block;padding:6px 14px;background:rgba(45,219,133,.12);color:#2DDB85;font-size:12px;font-weight:700;border-radius:999px;margin-bottom:16px;border:1px solid rgba(45,219,133,.25);text-transform:uppercase;letter-spacing:.04em}
.article__date{font-size:13px;color:rgba(255,255,255,.5);margin-bottom:28px;font-family:'Manrope',monospace;letter-spacing:-.01em}
.article h1{font-family:'Manrope',sans-serif;font-size:clamp(32px,5vw,52px);line-height:1.05;margin-bottom:20px;font-weight:800;letter-spacing:-.035em;color:#fff}
.article__lead{font-size:19px;color:rgba(255,255,255,.75);line-height:1.6;margin-bottom:32px;font-weight:500}
.article__hero{width:100%;border-radius:18px;margin-bottom:32px;aspect-ratio:16/9;object-fit:cover}
.article h2{font-family:'Manrope',sans-serif;font-size:clamp(24px,3vw,34px);margin:44px 0 18px;padding-left:18px;border-left:4px solid #2DDB85;line-height:1.15;font-weight:800;color:#fff;letter-spacing:-.025em}
.article h3{font-family:'Manrope',sans-serif;font-size:22px;margin:28px 0 12px;font-weight:700;color:#fff;letter-spacing:-.015em}
.article p{font-size:16px;color:rgba(255,255,255,.72);line-height:1.75;margin-bottom:16px;font-weight:500}
.article p b,.article li b,.article strong{color:#fff;font-weight:700}
.article ul,.article ol{margin:18px 0;padding-left:24px}
.article li{font-size:15px;color:rgba(255,255,255,.72);line-height:1.75;margin-bottom:10px}
.article li::marker{color:#2DDB85}
.article a{color:#2DDB85}
.article img.inline{width:100%;border-radius:14px;margin:28px 0;aspect-ratio:16/10;object-fit:cover}
.article__table{width:100%;border-collapse:collapse;margin:28px 0;font-size:14px;background:#1A2125;border-radius:14px;overflow:hidden}
.article__table th{text-align:left;padding:14px 18px;background:rgba(45,219,133,.1);font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.article__table td{padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.75)}
.article__table tr:last-child td{border-bottom:0}
.article__table tr:hover td{background:rgba(45,219,133,.04)}
.article__cta{margin:48px 0;padding:40px;background:linear-gradient(135deg,rgba(45,219,133,.08),rgba(45,219,133,.03));border:1px solid rgba(45,219,133,.2);border-radius:20px;text-align:center}
.article__cta h3{margin:0 0 10px;font-size:24px;color:#fff}
.article__cta p{color:rgba(255,255,255,.7);margin-bottom:20px}
.article__cta .btn{display:inline-flex;padding:16px 32px;background:#2DDB85;color:#0B0F12;border-radius:999px;font-weight:700;text-decoration:none;transition:.3s}
.article__cta .btn:hover{background:#1FC573;transform:translateY(-2px);box-shadow:0 8px 24px rgba(45,219,133,.35)}
.article__back{display:inline-flex;align-items:center;gap:8px;color:#2DDB85;font-weight:700;font-size:14px;margin-top:40px;text-decoration:none;padding:12px 20px;background:#1A2125;border-radius:999px;border:1px solid rgba(255,255,255,.08)}
.article__back:hover{gap:14px;background:#222A2F}
.article__tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}
.article__tag{padding:6px 14px;background:#1A2125;border-radius:999px;font-size:12px;color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.08)}
.article__related{margin:40px 0;padding:28px;background:#1A2125;border:1px solid rgba(255,255,255,.08);border-radius:18px}
.article__related h3{font-size:18px;margin-bottom:16px;color:#fff}
.article__related a{display:block;padding:10px 0;color:#2DDB85;font-weight:600;font-size:14px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.05)}
.article__related a:last-child{border-bottom:0}
.article__related a:hover{color:#1FC573;padding-left:6px;transition:padding .3s}
.article__tip{padding:20px 24px;background:rgba(45,219,133,.08);border-left:4px solid #2DDB85;border-radius:0 14px 14px 0;margin:24px 0;font-size:15px;color:rgba(255,255,255,.8)}
.article__tip b{color:#fff}
.article__warn{padding:20px 24px;background:rgba(255,140,66,.08);border-left:4px solid #FF8C42;border-radius:0 14px 14px 0;margin:24px 0;font-size:15px;color:rgba(255,255,255,.8)}
.article__warn b{color:#fff}
.blog-header{background:#0B0F12;border-bottom:1px solid rgba(255,255,255,.08);padding:18px 0}
.blog-header__inner{max-width:820px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}
.blog-header__logo{font-family:'Manrope',sans-serif;font-size:22px;font-weight:800;letter-spacing:-.03em;color:#fff;text-decoration:none}
.blog-header__logo b{color:#2DDB85}
.blog-header a{color:#2DDB85;text-decoration:none;font-weight:600;font-size:14px}