.article-page-container{padding-top:40px;padding-bottom:80px}.post-back{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:.88rem;font-weight:600;color:var(--sky-700);background:var(--sky-50);border:1.5px solid var(--sky-100);padding:8px 16px;border-radius:30px;text-decoration:none;margin-bottom:32px;transition:var(--transition-smooth)}.post-back:hover{transform:translate(-4px);background:var(--sky-100)}.article-layout-grid{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:1024px){.article-layout-grid{grid-template-columns:7.2fr 4.8fr;align-items:start}}.post-article{background:#fff;border-radius:28px;padding:52px 48px;box-shadow:var(--shadow-md);border:1.5px solid var(--color-card-border)}@media(max-width:600px){.post-article{padding:28px 20px;border-radius:16px}}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.post-tag{font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:.5px;color:var(--honey-600);background:var(--honey-50);border:1px solid rgba(233,169,77,.3);border-radius:30px;padding:3px 11px}.post-title{font-family:var(--font-display);font-size:2.3rem;font-weight:700;color:var(--text-main);line-height:1.2;margin-bottom:16px}@media(max-width:600px){.post-title{font-size:1.6rem}}.post-meta{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--text-secondary);font-weight:600;margin-bottom:32px;padding-bottom:24px;border-bottom:1.5px solid rgba(233,169,77,.18)}.post-meta-dot{opacity:.4}.post-intro{font-size:1.14rem;color:var(--text-main);line-height:1.75;margin-bottom:40px;font-weight:600;padding:22px 24px;background:var(--sky-50);border-left:4px solid var(--sky);border-radius:0 16px 16px 0}.markdown-content{color:var(--text-main);font-size:1.04rem}.markdown-content h2{font-family:var(--font-display);font-size:1.55rem;font-weight:700;color:var(--text-main);margin-top:44px;margin-bottom:18px;line-height:1.3;padding-left:16px;border-left:5px solid var(--honey)}.markdown-content h3{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--sky-700);margin-top:30px;margin-bottom:12px}.markdown-content p{font-size:1.04rem;color:var(--text-main);line-height:1.85;margin-bottom:20px}.markdown-content ul,.markdown-content ol{margin:0 0 22px;padding-left:4px;list-style:none;display:flex;flex-direction:column;gap:12px}.markdown-content li{position:relative;padding-left:30px;line-height:1.7;font-size:1.02rem}.markdown-content ul li:before{content:"✦";position:absolute;left:6px;top:1px;color:var(--honey);font-size:.8rem}.markdown-content ol{counter-reset:li}.markdown-content ol li:before{counter-increment:li;content:counter(li);position:absolute;left:0;top:2px;width:21px;height:21px;background:var(--sky-50);color:var(--sky-600);border-radius:50%;font-size:.74rem;font-weight:800;display:grid;place-items:center}.markdown-content strong{color:var(--sky-700);font-weight:800}.markdown-content a{color:var(--sky-600);font-weight:700;border-bottom:2px solid var(--sky-100)}.markdown-content a:hover{border-color:var(--sky)}.markdown-content blockquote{margin:28px 0;padding:18px 24px;background:var(--honey-50);border-left:4px solid var(--honey);border-radius:0 16px 16px 0;font-style:italic;color:var(--text-main)}@media(max-width:600px){.post-article{padding:32px 22px}.markdown-content h2{font-size:1.35rem}}.article-sidebar{display:flex;flex-direction:column;gap:24px;position:sticky;top:100px}.promo-card{background-color:#fff;border:1.5px solid var(--color-card-border);border-radius:var(--border-radius);padding:30px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:var(--transition-smooth)}.promo-card:hover{box-shadow:var(--shadow-md)}.promo-badge{position:absolute;top:16px;right:-32px;background:var(--grad-wood);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2);font-size:.7rem;font-weight:700;padding:5px 32px;transform:rotate(45deg);text-transform:uppercase;letter-spacing:1px}.promo-icon{font-size:2.5rem;display:inline-block;margin-bottom:12px;animation:floatIcon 4s ease-in-out infinite}.promo-logo{max-width:140px;max-height:80px;object-fit:contain;margin-bottom:16px;display:block}.animate-float{animation:floatIcon 4s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.promo-card h3{font-size:1.35rem;margin-bottom:4px}.promo-subtitle{color:var(--honey-600);font-family:var(--font-display);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.promo-desc{font-size:.9rem;line-height:1.55;color:var(--text-main);margin-bottom:20px}.promo-features{list-style:none;font-size:.88rem;color:var(--text-secondary);margin-bottom:24px;display:flex;flex-direction:column;gap:9px;font-weight:600}.promo-btn{width:100%;height:46px;font-size:.9rem}.sylaby-promo{border-top:5px solid var(--sky)}.cyfry-promo{border-top:5px solid #1F5DA0}