.article-page{min-height:calc(100vh - 160px);padding:70px 0 100px;background:linear-gradient(160deg,#f8fbfd,#eefaff)}.article-heading{max-width:700px;margin:20px 0 45px}.article-heading h1,.article-detail h1{font-size:clamp(32px,5vw,62px);line-height:1.3;margin:8px 0}.article-heading p:not(.kicker){color:#587083;font-size:18px}.article-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.article-card{display:flex;gap:18px;align-items:flex-start;padding:24px;background:#fff;border:1px solid #d8eef5;border-radius:18px;transition:.2s}.article-card:hover{transform:translateY(-4px);border-color:#69d9ff;box-shadow:0 12px 28px #0b638018}.article-icon{width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:14px;background:#eaffb8;color:#078bc0}.article-card small,.article-meta{color:#078bc0;font-size:12px}.article-card h2{font-size:19px;line-height:1.5;margin:4px 0}.article-card p{color:#71869a;font-size:13px;margin:5px 0 12px}.read-more{color:#078bc0;font-size:12px;font-weight:800}.read-more .material-symbols-outlined{font-size:16px;vertical-align:-4px}.back-link{display:inline-block;color:#078bc0;margin-bottom:28px}.article-detail{max-width:820px;margin:auto;background:#fff;padding:clamp(24px,5vw,60px);border-radius:24px;box-shadow:0 20px 60px #0b638012}.article-detail h1{font-size:clamp(30px,4.5vw,56px)}.article-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0 30px}.article-meta a{margin-right:auto;color:#078bc0}.article-cover{width:100%;max-height:430px;object-fit:cover;border-radius:16px;margin-bottom:30px}.article-body{font-size:17px;line-height:2.2;color:#314b5d;white-space:normal}.article-lead{font-size:20px;font-weight:800;color:#10283b}.empty{text-align:center;padding:100px 0}.empty .material-symbols-outlined{font-size:54px;color:#078bc0}.empty h1{margin:5px 0 25px}@media(max-width:700px){.article-list{grid-template-columns:1fr}.article-card{padding:18px}.article-page{padding-top:40px}.article-meta a{width:100%;margin:0}}