.article-hero{background:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.85)),var(--hero-img) no-repeat center center/cover;height:50vh;display:flex;align-items:flex-end;justify-content:center;text-align:center;color:var(--light);padding:80px 20px 40px;position:relative}.article-hero-content{max-width:800px;padding-bottom:30px}.article-hero-category{display:inline-block;background:var(--pear-light);color:var(--light);padding:5px 12px;border-radius:30px;font-size:.7rem;font-weight:700;text-transform:uppercase;margin-bottom:10px;letter-spacing:.5px}.article-hero h1{font-size:2rem;font-weight:700;margin-bottom:10px;line-height:1.15}.article-hero-meta{font-size:.9rem;opacity:.85;display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.article-hero-meta span{display:flex;align-items:center;gap:6px}@media (max-width:768px){.article-hero{height:auto;min-height:40vh;padding:90px 20px 30px}.article-hero h1{font-size:1.25rem;line-height:1.2;hyphens:auto;overflow-wrap:break-word;word-wrap:break-word}.article-hero-meta{font-size:.8rem;gap:12px}}@media (max-width:480px){.article-hero h1{font-size:1.1rem;line-height:1.15}}.breadcrumbs{max-width:800px;margin:30px auto 0;padding:0 20px;font-size:.85rem;color:#888}.breadcrumbs a{color:var(--primary);text-decoration:none;transition:var(--transition)}.breadcrumbs a:hover{color:var(--primary-dark);text-decoration:underline}.breadcrumbs .separator{margin:0 8px;color:#ccc}.breadcrumbs .current{color:#666}.article-main{max-width:800px;margin:0 auto;padding:40px 20px 60px}.article-content{font-size:1.05rem;color:#444;line-height:1.8}.article-content p{margin-bottom:20px}.article-content h2{font-size:1.6rem;color:var(--dark);margin-top:40px;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--gray)}.article-content h3{font-size:1.25rem;color:var(--primary-dark);margin-top:30px;margin-bottom:12px}.article-content ol,.article-content ul{margin-bottom:25px;padding-left:25px}.article-content li{margin-bottom:10px}.article-content blockquote{border-left:4px solid var(--primary);background:var(--gray);padding:20px;font-style:italic;margin:25px 0;border-radius:0 8px 8px 0}.article-content strong{color:var(--dark)}.article-cta-box{margin:40px 0;padding:30px;background:linear-gradient(135deg,rgba(1,97,170,.05),rgba(105,146,35,.05));border:2px dashed var(--primary);border-radius:12px;text-align:center}.article-cta-box h4{font-size:1.3rem;margin-bottom:10px}.article-cta-box p{font-size:.95rem;color:#555;margin-bottom:20px}.article-cta-btn{display:inline-flex;align-items:center;gap:10px;background:var(--pear-light);color:var(--light);padding:12px 25px;border-radius:30px;text-decoration:none;font-weight:700;transition:var(--transition)}.article-cta-btn:hover{background:var(--primary);transform:translateY(-2px);box-shadow:0 4px 15px rgba(1,97,170,.2)}.article-nav{margin-top:50px;padding-top:30px;border-top:2px solid var(--gray);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.article-nav a,.back-to-blog{align-items:center;gap:8px;color:var(--primary);text-decoration:none;font-weight:600;transition:var(--transition)}.article-nav a{font-size:.95rem;display:flex;max-width:45%}.article-cta-box h4,.article-nav a:hover{color:var(--primary-dark)}.article-nav .next{text-align:right;margin-left:auto}.back-to-blog{display:inline-flex;font-size:.9rem;margin-bottom:20px}.back-to-blog:hover{color:var(--primary-dark);gap:12px}@media (max-width:768px){.article-main{padding:30px 20px 50px}.article-content{font-size:1rem}.article-content h2{font-size:1.35rem}.article-nav{flex-direction:column}.article-nav a{max-width:100%}.article-nav .next{text-align:left}}