.article{max-width:720px;margin:0 auto;padding:100px 20px 64px}.article-hero{margin:8px 0 40px}.article-hero img{width:100%;height:auto;display:block;border-radius:16px}.article-hero figcaption{font-size:14px;color:var(--muted,#6b5e6e);text-align:center;margin-top:12px;font-style:italic}.article-tag{display:inline-block;font-family:Poppins,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--primary-deep,#a85844);background:var(--bg-cream,#fff5ee);border-radius:20px;padding:5px 14px;margin-bottom:16px}.article h1{font-family:Poppins,sans-serif;font-size:32px;font-weight:800;line-height:1.2;letter-spacing:-.5px;color:var(--dark,#3d3241);margin-bottom:12px}.article-subtitle{font-size:20px;line-height:1.6;color:var(--muted,#6b5e6e);margin-bottom:24px}.article-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:15px;color:var(--muted,#6b5e6e);margin-bottom:4px}.article-meta .avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary-deep,#a85844),var(--primary-darkest,#8b4332));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.article-meta .dot{color:var(--border,#f0e0d6)}.article-body{font-size:18px;line-height:1.8;color:var(--dark-light,#4a3d4c)}.article-body p{margin-bottom:24px}.article-body h2{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;color:var(--dark,#3d3241);margin:40px 0 16px;letter-spacing:-.3px}.article-body a{color:var(--primary-deep,#a85844);text-decoration:underline}.article-body a:hover{color:var(--primary-darkest,#8b4332)}.article-body ol,.article-body ul{margin:0 0 24px 24px}.article-body li{margin-bottom:10px}.article-body strong{color:var(--dark,#3d3241)}.article-body figure{margin:32px 0}.article-body img{width:100%;height:auto;display:block;border-radius:12px}.article-body figcaption{font-size:14px;color:var(--muted,#6b5e6e);text-align:center;margin-top:10px;font-style:italic}.article-back{display:inline-flex;align-items:center;gap:8px;margin-top:40px;font-size:15px;font-weight:600;color:var(--primary-deep,#a85844);text-decoration:none}.article-back:hover{color:var(--primary-darkest,#8b4332)}@media (min-width:1024px){.article{padding:140px 20px 80px}.article h1{font-size:40px}}