.article-hero{position:relative;padding:10rem 0 5rem;background:linear-gradient(135deg,var(--clara-blue) 0%,#0B1A2F 100%);overflow:hidden}.article-hero:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.03}.article-hero h1{font-family:var(--font-display);font-weight:600;color:#fff;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.25;max-width:740px}.article-meta{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem}.article-meta span{color:#ffffffb3;font-size:.9rem;display:flex;align-items:center;gap:.4rem}.article-meta i{opacity:.5}.article-cat{display:inline-block;padding:.25rem .75rem;border-radius:50px;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:#fff;text-transform:uppercase;background:#ffffff26;backdrop-filter:blur(8px)}.breadcrumb-blog{position:relative;z-index:1}.breadcrumb-blog a{color:#fff9;text-decoration:none;font-size:.85rem}.breadcrumb-blog a:hover{color:#fff}.breadcrumb-blog span{color:#fff6;font-size:.85rem}.article-content{position:relative;z-index:2}.article-card{border:none;border-radius:16px;box-shadow:0 8px 40px #00000014;margin-top:-4rem;padding:3rem 3.5rem;background:var(--bs-body-bg)}@media(max-width:767.98px){.article-card{padding:2rem 1.5rem}}.article-card h2{font-family:var(--font-display);font-weight:600;font-size:1.5rem;color:var(--bs-body-color);margin-top:2.5rem;margin-bottom:1rem;line-height:1.3}.article-card h3{font-family:var(--font-display);font-weight:600;font-size:1.2rem;color:var(--bs-body-color);margin-top:2rem;margin-bottom:.75rem}.article-card p{color:var(--bs-secondary-color);font-size:1.05rem;line-height:1.8;margin-bottom:1.25rem}.article-card blockquote{border-left:4px solid var(--clara-blue);padding:1.25rem 1.5rem;margin:2rem 0;background:var(--clara-blue-pale);border-radius:0 10px 10px 0}[data-bs-theme=dark] .article-card blockquote{background:#1e4d9126}.article-card blockquote p{font-size:1.1rem;font-style:italic;color:var(--bs-body-color);margin-bottom:.5rem;line-height:1.7}.article-card ul{padding-left:0;list-style:none}.article-card ul li{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.75rem;color:var(--bs-secondary-color);font-size:1rem;line-height:1.6}.article-card ul li i{color:var(--clara-blue);margin-top:.25rem;flex-shrink:0}.landscape-table{width:100%;border-collapse:separate;border-spacing:0;margin:1.5rem 0 2rem;font-size:.92rem;border-radius:10px;overflow:hidden;border:1px solid var(--bs-gray-200)}.landscape-table thead th{background:#0b1a2f;color:#fff;padding:.75rem 1rem;font-weight:600;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;text-align:left}[data-bs-theme=dark] .landscape-table thead th{background:#1e4d9166}.landscape-table td{padding:.65rem 1rem;border-bottom:1px solid var(--bs-gray-200);color:var(--bs-secondary-color);vertical-align:top}.landscape-table tbody tr:last-child td{border-bottom:none}.landscape-table tbody tr:nth-child(2n){background:#1e4d9105}[data-bs-theme=dark] .landscape-table tbody tr:nth-child(2n){background:#ffffff05}.landscape-table .tool-name{font-weight:600;color:var(--bs-body-color)}.article-cta{background:linear-gradient(135deg,#ebf2fa,#f0f7ff);border-radius:12px;padding:2rem;margin:2.5rem 0;border-left:4px solid var(--clara-blue)}[data-bs-theme=dark] .article-cta{background:#1e4d911a}.article-cta h4{font-family:var(--font-display);font-weight:600;color:var(--bs-body-color);font-size:1.15rem;margin-bottom:.5rem}.article-cta p{font-size:.95rem;margin-bottom:1rem}.article-footer{border-top:1px solid var(--bs-gray-200);padding-top:2rem;margin-top:3rem}.author-info{display:flex;align-items:center;gap:1rem}.author-avatar{width:48px;height:48px;border-radius:50%;background:var(--clara-blue-pale);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--clara-blue);font-size:1.1rem}.author-name{font-weight:600;color:var(--bs-body-color);font-size:.95rem}.author-role{color:var(--bs-secondary-color);font-size:.82rem}.related-posts{background:var(--bs-gray-100);padding:4rem 0}.related-card{border:none;border-radius:12px;overflow:hidden;transition:transform .3s,box-shadow .3s;background:var(--bs-body-bg)}.related-card:hover{transform:translateY(-6px);box-shadow:0 12px 35px #00000014}.related-card-img{height:140px;display:flex;align-items:center;justify-content:center}.related-card .card-body h6{font-family:var(--font-display);font-weight:600;color:var(--bs-body-color);font-size:.95rem;line-height:1.4}.related-card .card-body h6 a{color:inherit;text-decoration:none}.related-card .card-body h6 a:hover{color:var(--clara-blue)}.post-meta{font-size:.82rem;color:var(--bs-secondary-color);display:flex;align-items:center;gap:1rem}.post-meta i{margin-right:.3rem;opacity:.5}
