.article-page{background:transparent}.article-hero{padding:128px 0 54px}.article-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,460px);gap:32px;align-items:center}.article-hero h1{font-size:clamp(2rem,2vw,3.4rem);line-height:1.35;margin:18px 0;color:#f8fbff}.article-hero p{font-size:1.08rem;line-height:2;color:#c9d7eb;max-width:850px}.article-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.article-meta span{display:inline-flex;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);border-radius:999px;padding:7px 12px;color:#dbe7f8;font-size:.88rem}.article-cover{margin:0;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 80px rgba(0,0,0,.34);background:rgba(255,255,255,.05)}.article-cover img{display:block;width:100%;height:auto}.article-body-section{padding:32px 0 90px}.article-layout{display:block}.article-content{max-width:920px;margin:auto;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);border-radius:30px;padding:clamp(24px,4vw,52px);box-shadow:0 22px 90px rgba(0,0,0,.22);color:#eaf1fb}.article-content h2{font-size:clamp(1.45rem,2.3vw,2rem);margin:42px 0 14px;color:#fff;line-height:1.55}.article-content h3{font-size:1.18rem;margin:28px 0 10px;color:#dff7ff}.article-content p,.article-content li{font-size:1rem;line-height:2.1;color:#d5e2f2}.article-content a{color:#8be7ff;text-decoration:none;border-bottom:1px solid rgba(139,231,255,.4)}.article-content ul,.article-content ol{padding-inline-start:1.45rem;margin:14px 0 24px}.article-content li+li{margin-top:8px}.article-content blockquote{margin:28px 0;padding:18px 22px;border-inline-start:4px solid #57d7ff;border-radius:18px;background:rgba(87,215,255,.08);color:#edfaff}.article-toc{border:1px solid rgba(255,255,255,.12);background:rgba(4,12,26,.36);border-radius:22px;padding:18px 20px;margin-bottom:30px}.article-toc strong{display:block;color:#fff;margin-bottom:10px}.article-toc ol{margin:0;padding-inline-start:1.2rem}.article-toc li{line-height:1.8}.article-figure{margin:30px 0;border:1px solid rgba(255,255,255,.12);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.05)}.article-figure img{display:block;width:100%;height:auto}.article-figure figcaption{font-size:.9rem;color:#b8c8dc;padding:12px 16px}.article-table-wrap{overflow-x:auto;margin:28px 0;border-radius:20px;border:1px solid rgba(255,255,255,.12)}.article-table{width:100%;border-collapse:collapse;min-width:620px;background:rgba(4,12,26,.26)}.article-table th,.article-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.09);text-align:start;vertical-align:top;line-height:1.8}.article-table th{background:rgba(87,215,255,.12);color:#fff}.article-table td{color:#d7e5f5}.article-cta{margin:44px 0 30px;padding:28px;border-radius:26px;background:linear-gradient(135deg,rgba(87,215,255,.14),rgba(91,111,255,.12));border:1px solid rgba(255,255,255,.14)}.article-cta h2{margin-top:0}.article-faq{margin-top:42px}.faq-item{border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.045);padding:14px 18px;margin:12px 0}.faq-item summary{cursor:pointer;color:#fff;font-weight:700}.article-related{margin-top:48px}.article-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.article-card,.article-mini-card{display:block;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:18px;text-decoration:none;transition:transform .2s ease,border-color .2s ease}.article-card:hover,.article-mini-card:hover{transform:translateY(-3px);border-color:rgba(87,215,255,.4)}.article-card img,.article-mini-card img{width:100%;height:auto;border-radius:18px;margin-bottom:14px;display:block}.article-card span,.article-mini-card span{color:#8be7ff;font-size:.84rem}.article-card h2,.article-mini-card strong{display:block;color:#fff;line-height:1.55;margin:8px 0}.article-card h2{font-size:1.16rem}.article-card p,.article-mini-card p{color:#c9d7eb;line-height:1.9;font-size:.94rem}.article-list-section{padding:20px 0 90px}html[dir="ltr"] .article-content p,html[dir="ltr"] .article-content li{line-height:1.85}html[dir="ltr"] .article-hero p{line-height:1.8}@media(max-width:900px){.article-hero-grid{grid-template-columns:1fr}.article-card-grid{grid-template-columns:1fr 1fr}.article-hero{padding-top:108px}}@media(max-width:600px){.article-content{padding:22px 18px;border-radius:22px}.article-card-grid{grid-template-columns:1fr}.article-hero{padding-top:94px}.article-hero h1{font-size:1.85rem}.article-table{min-width:560px}}
