.newsletter-container{max-width:768px;margin:0 auto;padding:1.5rem;font-family:Arial,sans-serif}.newsletter-form{display:flex;margin-bottom:1.5rem}.newsletterInput{flex:1 1;padding:.5rem .75rem;margin-right:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.newsletter-btn{padding:.5rem 1rem;background-color:#2563eb;color:white;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s ease}.newsletter-btn:hover{background-color:#1e40af}.text-green-600{color:#16a34a}.text-red-600{color:#dc2626}.newsletter-list{display:flex;flex-direction:column;gap:1rem}.newsletter-scroll-area{max-height:450px;overflow-y:auto;padding-right:.5rem;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f9fafb}.newsletter-scroll-area::-webkit-scrollbar{width:8px}.newsletter-scroll-area::-webkit-scrollbar-track{background:#f9fafb}.newsletter-scroll-area::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:8px}.newsletter-list h2{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.newsletter-list .flex{display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.newsletter-list .flex{display:flex;flex-direction:column;grid-template-columns:repeat(2,1fr);gap:1.5rem}}.newsletter-list a{display:flex;gap:1rem;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);text-decoration:none;color:inherit;transition:box-shadow .2s ease}.newsletter-list a:hover{box-shadow:0 4px 6px rgba(0,0,0,.15)}.newsletter-list img{width:100%;object-fit:cover}.newsletter-imgBox{width:40%;max-width:150px;overflow:hidden}.newsletter-textBox{width:60%;display:flex;flex-direction:column}.newsletter-list h3{font-size:1rem;font-weight:600;margin-bottom:0}.newsletter-list p{font-size:.875rem;margin-bottom:0}.newsletter-list .text-blue-600{color:#2563eb}