/* assets/css/blog.css — ZOYALINK Blog Global Styles */

/* GLOBAL RESET */



html, body { background: #fff; color: #000; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 1.7; scroll-behavior: smooth; }

/* LAYOUT CONTAINER / .container { max-width: 1200px; margin: auto; padding: 0 2px; / sesuai permintaan: kanan kiri hanya 2px */ background: #fff; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); animation: slide-in 0.5s cubic-bezier(0.4,0,0.2,1); }

@keyframes slide-in { 0% { transform: translateY(30px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } }

/* BLOG WRAPPER */ .blog-wrapper { padding: 20px 10px; }

/* HEADINGS */ h1, h2, h3, h4, h5, h6 { font-weight: 700; margin-bottom: 12px; color: #542385; }

h1 { font-size: 26px; } h2 { font-size: 22px; } h3 { font-size: 18px; }

/* PARAGRAPH */ p { margin-bottom: 15px; font-weight: 400; }

/* LISTS */ ul, ol { margin: 10px 0 20px 25px; padding-left: 15px; }

ul li, ol li { margin-bottom: 8px; line-height: 1.6; }

/* SECTION */ section { margin-bottom: 35px; }

/* HEADER BLOG */ .blog-header { padding: 20px 10px; border-bottom: 2px solid #eee; background: #fafafa; border-radius: 10px 10px 0 0; }

.blog-header h1 { font-size: 28px; color: #542385; }

/* FOOTER */ .blog-footer { padding: 15px 10px; text-align: center; font-size: 12px; color: #777; border-top: 1px solid #eee; margin-top: 25px; }

/* LINKS */ a { color: #542385; text-decoration: none; transition: .2s ease; }

a:hover { opacity: .7; }

/* RESPONSIVE */ @media (max-width: 768px) { h1 { font-size: 22px; } h2 { font-size: 19px; } h3 { font-size: 16px; } .container { padding: 0 5px; } .blog-wrapper { padding: 15px 5px; } }