.article-hero{background:var(--midnight);min-height:360px;padding:160px 0 80px;position:relative;overflow:hidden}.article-hero-img{object-fit:cover;opacity:.18;width:100%;height:100%;position:absolute;inset:0}.article-hero-overlay{background:linear-gradient(135deg,#1b2336f2 0%,#212e4ecc 100%);position:absolute;inset:0}.article-hero-content{z-index:1;max-width:820px;position:relative}.article-cat-badge{background:var(--royal);color:#fff;letter-spacing:.12em;text-transform:uppercase;border-radius:20px;margin-bottom:20px;padding:4px 14px;font-size:.72rem;font-weight:700;display:inline-block}.article-hero h1{color:#fff;margin-bottom:16px;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;line-height:1.2}.article-hero h1 em{color:var(--light-blue);font-style:normal}.article-meta-row{color:#ffffff8c;flex-wrap:wrap;align-items:center;gap:20px;font-size:.8rem;display:flex}.article-meta-row span{align-items:center;gap:6px;display:flex}.article-breadcrumb{margin-bottom:20px}.article-breadcrumb a{color:#ffffff80;font-size:.8rem;text-decoration:none}.article-breadcrumb a:hover{color:#fffc}.article-breadcrumb .sep{color:#ffffff4d;margin:0 8px}.article-breadcrumb .current{color:#ffffffb3;font-size:.8rem}.article-layout{grid-template-columns:1fr 300px;align-items:start;gap:60px;padding:80px 0 100px;display:grid}.article-body h2{color:var(--midnight);border-bottom:2px solid var(--light-blue);margin:48px 0 16px;padding-bottom:10px;scroll-margin-top:100px;font-size:1.35rem;font-weight:800}.article-body h3{color:var(--navy);margin:28px 0 10px;scroll-margin-top:100px;font-size:1.05rem;font-weight:700}.article-body p{color:#3a4560;margin-bottom:20px;font-size:.95rem;line-height:1.8}.article-body ul,.article-body ol{margin-bottom:20px;padding-left:24px}.article-body li{color:#3a4560;margin-bottom:8px;font-size:.95rem;line-height:1.8}.article-body strong{color:var(--midnight)}.article-body a{color:var(--royal);text-underline-offset:2px;text-decoration:underline}.article-body a:hover{color:var(--midnight)}.article-body table{border-collapse:collapse;width:100%;margin:32px 0;font-size:.85rem}.article-body th{background:var(--navy);color:#fff;text-align:left;padding:12px 16px;font-weight:700}.article-body td{color:#3a4560;border-bottom:1px solid #e8ecf4;padding:11px 16px}.article-body tr:nth-child(2n) td{background:#f8faff}.article-body .callout{border-left:4px solid var(--royal);background:linear-gradient(135deg,#f0f4ff,#e8efff);border-radius:0 8px 8px 0;margin:28px 0;padding:20px 24px}.article-body .callout p{color:var(--navy);margin:0;font-size:.9rem}.article-sidebar{position:sticky;top:100px}.sidebar-card{background:#fff;border:1px solid #e8ecf4;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 4px 24px #36477514}.sidebar-card h4{color:var(--midnight);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-size:.9rem;font-weight:800}.sidebar-toc a{color:var(--royal);border-bottom:1px solid #f0f2f8;padding:5px 0;font-size:.82rem;line-height:1.4;text-decoration:none;display:block}.sidebar-toc a:hover{color:var(--midnight)}.sidebar-toc a:last-child{border-bottom:none}.sidebar-cta{background:linear-gradient(135deg,var(--midnight),var(--navy));text-align:center;border-radius:12px;padding:28px 24px}.sidebar-cta h4{color:#fff;margin-bottom:8px}.sidebar-cta p{color:#ffffffbf;margin-bottom:16px;font-size:.82rem}.sidebar-cta a{background:var(--light-blue);color:var(--midnight);border-radius:8px;padding:12px 20px;font-size:.85rem;font-weight:700;text-decoration:none;transition:opacity .2s;display:block}.sidebar-cta a:hover{opacity:.85}.related-articles{background:var(--silver);padding:60px 0 80px}.related-articles h2{color:var(--midnight);margin-bottom:0;font-size:1.5rem}.related-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;display:grid}.related-card{border-top:3px solid var(--light-blue);background:#fff;border-radius:10px;padding:24px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;box-shadow:0 2px 12px #3647750f}.related-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #3647751f}.related-card .rc-cat{letter-spacing:.1em;text-transform:uppercase;color:var(--royal);margin-bottom:8px;font-size:.7rem;font-weight:700}.related-card h4{color:var(--midnight);font-size:.9rem;font-weight:700;line-height:1.4}.article-cta-section{background:var(--midnight);text-align:center;padding:80px 0}.article-cta-section h2{color:#fff;margin-bottom:12px;font-size:1.8rem}.article-cta-section p{color:#ffffffa6;max-width:500px;margin-bottom:32px;margin-left:auto;margin-right:auto}.cta-btns{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-catalog-outline{color:#fff;border:1px solid #ffffff4d;border-radius:8px;padding:14px 28px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s}.btn-catalog-outline:hover{background:#ffffff14}.share-bar{border-top:2px solid #e8ecf4;margin-top:48px;padding-top:28px}.share-bar h4{text-transform:uppercase;letter-spacing:.1em;color:#8a94b0;margin-bottom:14px;font-size:.78rem;font-weight:700}.share-buttons{flex-wrap:wrap;gap:10px;display:flex}.share-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:.82rem;font-weight:600;line-height:1;text-decoration:none;transition:opacity .18s,transform .18s;display:inline-flex}.share-btn:hover{opacity:.85;transform:translateY(-1px)}.share-btn svg{flex-shrink:0}.share-btn-wa{color:#fff;background:#25d366}.share-btn-fb{color:#fff;background:#1877f2}.share-btn-li{color:#fff;background:#0a66c2}.share-btn-x{color:#fff;background:#000}.share-btn-copy{color:var(--navy);background:#f0f4ff;border:1px solid #d0d8ef}@media (width<=900px){.article-layout{grid-template-columns:1fr;gap:0}.article-sidebar{position:static}.related-grid{grid-template-columns:1fr}.article-hero{padding:120px 0 60px}}.article-body p:has(>img){margin:32px 0}.article-body img{object-fit:cover;filter:grayscale(.1)contrast(1.05);border-radius:12px;width:100%;display:block}.article-body img+em{color:#8a98b0;background:#f8fafc;border:1px solid #e8eef6;border-top:none;border-radius:0 0 12px 12px;padding:10px 16px;font-size:.75rem;font-style:normal;display:block}.article-body p:has(>img+em) img{border-radius:12px 12px 0 0}.article-body table{max-width:100%;display:block;overflow-x:auto}