.art{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:20px;padding-top:36px;padding-bottom:56px}@media (min-width:768px){.art{gap:24px;padding-top:56px;padding-bottom:72px}}.art.wide{max-width:1040px}.art-head{display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:8px;text-align:center}.art-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--mint);border:1px solid var(--mint-strong);color:var(--primary);font-size:13px;font-weight:700}.art-badge svg{width:15px;height:15px}.art-title{max-width:780px;font-size:32px;line-height:1.15;font-weight:800;letter-spacing:-.02em;text-wrap:balance}.art-lead{max-width:640px;font-size:17px;line-height:1.6;color:var(--muted)}@media (min-width:768px){.art-title{font-size:46px}.art-lead{font-size:18px}}.art-card{display:flex;flex-direction:column;gap:14px;padding:22px 20px;border-radius:20px;background:var(--surface);border:1px solid var(--rule);scroll-margin-top:84px}@media (min-width:768px){.art-card{padding:28px 32px}}.art-card p{font-size:16.5px;line-height:1.7;color:#33443a}.art-h{display:flex;align-items:center;gap:12px;font-size:21px;line-height:1.3;font-weight:700;letter-spacing:-.01em}@media (min-width:768px){.art-h{font-size:24px}}.art-icon{width:40px;height:40px;border-radius:12px;background:var(--mint);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.art-icon svg{width:20px;height:20px}.art-muted{color:var(--muted)}.art-stats{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:10px;gap:10px}@media (min-width:640px){.art-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.art-stat{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:14px;background:#f3faf5;border:1px solid var(--mint-strong)}.art-stat-num{font-family:var(--font-mono),ui-monospace,monospace;font-size:22px;font-weight:700;color:#0b4527}.art-stat-label{font-size:14px;font-weight:700}.art-stat-sub{font-size:13px;color:var(--muted)}.art-steps{display:flex;flex-direction:column;gap:10px}.art-steps li{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:14px;background:#f7faf8;border:1px solid var(--rule)}.art-steps li:last-child{background:var(--mint);border-color:var(--mint-strong)}.art-steps strong{font-size:16px}.art-steps .art-muted{line-height:1.6}.art-num{width:26px;height:26px;margin-top:1px;border-radius:50%;background:var(--primary);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.art-cta{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px;padding:26px 22px;border-radius:20px;background:#0b4527;color:#f3faf5}.art-cta-star{position:absolute;top:-48px;inset-inline-end:-48px;width:220px;height:220px;color:#fff;opacity:.08;pointer-events:none}.art-cta h2{position:relative;font-size:22px;line-height:1.25;font-weight:800}.art-cta p{position:relative;color:rgba(243,250,245,.86);line-height:1.7}.art-cta .mono{color:#fff}.art-cta-actions{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}@media (max-width:559px){.art-cta-actions .btn{width:100%}}@media (min-width:768px){.art-cta{padding:32px}.art-cta h2{font-size:26px}}.art-links{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:8px;gap:8px}@media (min-width:640px){.art-links{grid-template-columns:repeat(2,minmax(0,1fr))}}.art-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;height:100%;padding:12px 16px;border-radius:14px;border:1px solid var(--rule);background:#f7faf8;font-weight:600;transition:border-color .18s var(--ease),background-color .18s var(--ease),color .18s var(--ease)}.art-links a:hover{border-color:var(--primary);background:var(--mint);color:var(--primary)}.art-links svg{width:18px;height:18px;color:var(--primary);flex-shrink:0}.art-note{max-width:640px;margin:0 auto;font-size:13px;line-height:1.6;color:var(--muted);text-align:center}.art-toc{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.art-toc a{padding:7px 12px;border-radius:999px;border:1px solid var(--rule);background:var(--surface);font-size:14px;font-weight:600;transition:border-color .18s var(--ease),color .18s var(--ease)}.art-toc a:hover{border-color:var(--primary);color:var(--primary)}.fix-top{display:flex;justify-content:space-between;gap:8px}.fix-tag,.fix-top{align-items:center}.fix-tag{display:inline-flex;gap:6px;width:-moz-fit-content;width:fit-content;padding:3px 10px;border-radius:999px;background:var(--mint);color:var(--primary);font-size:12px;font-weight:700}.fix-tag svg{width:13px;height:13px}.fix-tag.hot{background:#fff4dc;border:1px solid #f1d9a6;color:#8a5a00}.fix-num{font-family:var(--font-mono),ui-monospace,monospace;font-size:12px;color:var(--muted)}.fix-card .art-h{font-size:20px}@media (min-width:768px){.fix-card .art-h{font-size:22px}}.fix-msg{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--danger-soft);border:1px solid #f6c9ce;color:#8f1d27;font-weight:600}.fix-msg svg{width:18px;height:18px;flex-shrink:0}.fix-label{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.blog-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:14px;gap:14px}@media (min-width:768px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.blog-card{display:flex;flex-direction:column;gap:10px;height:100%;padding:22px;border-radius:20px;background:var(--surface);border:1px solid var(--rule);transition:border-color .18s var(--ease)}.blog-card:hover{border-color:var(--primary)}.blog-card h2{font-size:20px;line-height:1.3;font-weight:700}.blog-card p{font-size:15px;line-height:1.6;color:var(--muted)}.blog-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--rule);font-size:13px;color:var(--muted)}.blog-read{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-size:14px;font-weight:700}.blog-read svg{width:16px;height:16px}[dir=rtl] .art-cta h2,[dir=rtl] .art-h,[dir=rtl] .art-title,[dir=rtl] .blog-card h2{letter-spacing:0;line-height:1.45}[dir=rtl] .art-card p,[dir=rtl] .art-cta p,[dir=rtl] .art-lead,[dir=rtl] .art-steps .art-muted{line-height:1.9}[dir=rtl] .fix-label{letter-spacing:0;text-transform:none}