:root{--m-purple:#533b65;--m-purple-hover:#6b4f80;--m-purple-light:#beb7ca;--m-purple-subtle:rgba(83,59,101,.06);--m-coral:#f58e7d;--m-green:#84c98b;--m-dark:#30343b;--m-gray:#6b7280;--m-gray-light:#f8f9fa;--m-border:rgba(83,59,101,.1);--m-white:#fff;--m-font-heading:"Asap",sans-serif;--m-font-ui:"Poppins",sans-serif;--m-font-body:"Open Sans",sans-serif;--m-max-width:860px;--m-radius:12px;--m-radius-sm:8px;--m-transition:300ms cubic-bezier(0.4,0,0.2,1)}.mal-articles{color:var(--m-dark);font-family:var(--m-font-body);font-weight:400;line-height:1.7;-webkit-font-smoothing:antialiased}.mal-articles *,.mal-articles :after,.mal-articles :before{box-sizing:border-box}.mal-articles a,.mal-articles div,.mal-articles h1,.mal-articles h2,.mal-articles h3,.mal-articles header,.mal-articles p,.mal-articles section,.mal-articles span,.mal-articles time{margin:0;padding:0}.mal-articles a{color:inherit;text-decoration:none}.mal-articles .mal-header{margin:0 auto;max-width:var(--m-max-width);padding:3rem 2rem 2rem}.mal-articles .mal-header h2{color:var(--m-purple);font-family:var(--m-font-heading);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:.25rem}.mal-articles .mal-count{color:var(--m-gray);font-family:var(--m-font-ui);font-size:.8125rem}.mal-articles .mal-list{list-style:none;margin:0 auto;max-width:var(--m-max-width);padding:0 2rem 4rem}.mal-articles .mal-item{border-bottom:1px solid var(--m-border);display:block;padding:1.25rem 1rem;transition:background var(--m-transition)}.mal-articles .mal-item:first-child{border-top:1px solid var(--m-border)}.mal-articles .mal-item:hover{background:var(--m-purple-subtle)}.mal-articles .mal-item-top{align-items:baseline;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:.25rem}.mal-articles .mal-item-title{color:var(--m-dark);font-family:var(--m-font-heading);font-size:1rem;font-weight:600;line-height:1.4;transition:color var(--m-transition)}.mal-articles .mal-item:hover .mal-item-title{color:var(--m-purple)}.mal-articles .mal-item-date{color:var(--m-purple-light);flex-shrink:0;font-family:var(--m-font-ui);font-size:.6875rem;white-space:nowrap}.mal-articles .mal-item-preview{color:var(--m-gray);font-size:.8125rem;line-height:1.6;max-width:640px}@media (max-width:768px){.mal-articles .mal-header{padding:2rem 1.25rem 1.5rem}.mal-articles .mal-list{padding:0 1.25rem 3rem}.mal-articles .mal-item{padding:1rem .5rem}.mal-articles .mal-item-top{flex-direction:column;gap:.25rem}.mal-articles .mal-item-date{order:-1}}