article{width:100%;background:#f7fbff;padding:2.5rem 0;border:none;border-radius:0;box-shadow:0 1px 4px rgba(60,64,67,.08)}.article-body{font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5;color:#202124;max-width:700px;margin:0 auto;background:#f7fbff;padding:2rem 2.5rem;box-shadow:0 1px 4px rgba(60,64,67,.08)}.article-body h1,.article-body h2,.article-body h3{font-family:Arial,Helvetica,sans-serif;font-weight:700;color:#202124;margin-top:2.5em;margin-bottom:.5em}.article-body h1{font-size:24px}.article-body h2{font-size:20px}.article-body h3{font-size:16px}.article-body ol,.article-body ul{margin-left:2em;margin-bottom:1em}.article-body li{margin-bottom:.5em}.article-body p{margin-bottom:1em}.article-body img{display:block;margin:1.5em auto;max-width:100%;box-shadow:0 1px 4px rgba(60,64,67,.08);background:#f7fbff;border-radius:4px}.article-body a{color:#1a73e8;text-decoration:underline}.article-body strong{color:#202124;font-weight:700}.article-body blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:4px solid #1a73e8;background:#f7fbff;font-style:italic;color:#4a5568;border-radius:4px}.article-body code,.article-body pre{font-family:'Ubuntu Mono',monospace;font-size:.95rem;background:#f7fbff;border-radius:4px;border:1px solid #e2e8f0;padding:.2em .4em}.articles-section{max-width:1180px;padding:0 20px;margin:0 auto}.articles-header{text-align:center;font-size:36px;font-weight:600;color:#32325d;margin:0 0 50px 0;line-height:1.2}.articles-list{width:100%}.articles-list ul{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;list-style:none;padding:0;margin:0}.articles-list li{background-color:#fff;border-radius:12px;padding:0;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;height:100%;display:flex;flex-direction:column}.articles-list li:hover{transform:translateY(-8px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.article-item-link{color:inherit;text-decoration:none;display:flex;flex-direction:column;height:100%}.article-thumbnail{width:100%;height:200px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.article-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.articles-list li:hover .article-thumbnail img{transform:scale(1.05)}.article-brief{padding:25px;display:flex;flex-direction:column;flex-grow:1}.article-title{font-size:20px;font-weight:600;color:#32325d;margin:0 0 15px 0;line-height:1.3;display:block}.article-description{font-size:16px;color:#525f7f;line-height:1.5;margin:0 0 20px 0;flex-grow:1}.article-meta{display:flex;justify-content:flex-start;align-items:center;margin-top:auto;padding-top:15px;border-top:1px solid #eee}.reading-time{font-size:14px;color:#8898aa;font-weight:500}.publish-date{display:none}@media only screen and (max-width:1023px){.articles-list ul{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:767px){.articles-list ul{grid-template-columns:repeat(2,1fr);gap:20px}.article-brief{padding:20px}.article-title{font-size:18px}.article-description{font-size:15px}}@media only screen and (max-width:480px){.articles-list{padding:0 15px}.articles-list ul{grid-template-columns:1fr;gap:15px}.article-thumbnail{height:180px}.article-brief{padding:18px}.article-title{font-size:17px}.article-description{font-size:14px}}@media (max-width:900px){.article-body{max-width:98vw;padding:1rem .5rem;font-size:14px}}