.ms-blog-section{margin-top:5rem}.ms-blog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(148,163,184,.3);padding-bottom:18px;margin-bottom:30px}.ms-blog-heading a{color:#fbbf24;font-weight:700;white-space:nowrap}.ms-blog-heading a:hover{color:#fde68a}.ms-blog-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ms-blog-card{display:flex;flex-direction:column;overflow:hidden;border-radius:22px;color:#f8fafc;min-width:0;transition:transform .25s ease,border-color .25s ease}.ms-blog-card:hover{transform:translateY(-5px);border-color:rgba(251,191,36,.5)}.ms-blog-art{height:165px;display:grid;place-items:center;overflow:hidden}.ms-blog-art img{width:100%;height:100%;object-fit:cover}.ms-blog-art span{font-size:100px;line-height:1;color:#fff9;filter:drop-shadow(0 8px 15px #0005)}.ms-blog-art--design{background:radial-gradient(circle at 50% 45%,#a66a79,#4b2b42 70%,#211c33)}.ms-blog-art--code{background:radial-gradient(circle at 50% 45%,#497e8b,#233f53 70%,#1a2637)}.ms-blog-art--seo{background:radial-gradient(circle at 50% 45%,#a68853,#655438 70%,#282638)}.ms-blog-copy{display:flex;flex-direction:column;flex:1;padding:20px}.ms-blog-category{color:#fbbf24;font-size:12px;font-weight:800}.ms-blog-copy h3{font-size:20px;line-height:1.5;margin-top:8px;font-weight:800}.ms-blog-copy p{color:#94a3b8;font-size:14px;line-height:1.8;margin-top:8px}.ms-blog-read{color:#fbbf24;margin-top:auto;padding-top:16px;font-size:13px;font-weight:800}
@media(max-width:700px){.ms-blog-section{margin-top:4rem}.ms-blog-heading{margin-bottom:20px}.ms-blog-heading h2{font-size:22px}.ms-blog-heading a{font-size:13px}.ms-blog-rail{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;gap:14px;padding:3px 2px 16px}.ms-blog-card{flex:0 0 min(78vw,300px);scroll-snap-align:start}.ms-blog-art{height:150px}.ms-blog-copy{min-height:240px}}