.content-hero{padding:68px 0 34px;background:linear-gradient(180deg,#f6f9ff 0,#fff 100%)}
.content-hero h1{font:800 clamp(32px,5vw,54px)/1.03 Manrope,sans-serif;margin:8px 0 12px;color:#101828}
.content-hero p{max-width:720px;color:#667085;font-size:17px}
.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.content-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e9edf5;border-radius:20px;overflow:hidden;color:inherit;text-decoration:none;box-shadow:0 10px 30px rgba(16,24,40,.05);transition:.2s}
.content-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(16,24,40,.09)}
.content-card figure{height:220px;margin:0;background:#eef3f8;overflow:hidden}.content-card figure img{width:100%;height:100%;object-fit:cover}
.content-card .body{padding:20px}.content-card small{display:block;color:#0b5cff;font-weight:700;margin-bottom:7px}.content-card h2,.content-card h3{margin:0 0 10px;color:#101828;font:750 21px/1.25 Manrope,sans-serif}.content-card p{margin:0;color:#667085;line-height:1.65}
.content-card .meta{margin-top:16px;font-size:13px;color:#475467}
.content-empty{padding:54px 24px;text-align:center;border:1px dashed #d0d5dd;border-radius:18px;color:#667085}
.article-wrap{max-width:900px;margin:auto;padding:48px 0 80px}.article-wrap h1{font:800 clamp(32px,5vw,52px)/1.1 Manrope,sans-serif;color:#101828}.article-meta{color:#667085;margin:12px 0 26px}.article-cover{width:100%;max-height:520px;object-fit:cover;border-radius:22px;margin:0 0 28px}.article-content{font-size:17px;line-height:1.8;color:#344054;white-space:pre-line}
.gallery-grid{columns:3 280px;column-gap:18px}.gallery-item{break-inside:avoid;margin:0 0 18px;border-radius:18px;overflow:hidden;background:#fff;border:1px solid #eaecf0}.gallery-item img{display:block;width:100%;height:auto}.gallery-item div{padding:13px 15px}.gallery-item h3{margin:0 0 5px;font-size:16px;color:#101828}.gallery-item p{margin:0;color:#667085;font-size:13px}
.event-date{display:inline-flex;align-items:center;gap:7px;color:#0b5cff;font-weight:700}
@media(max-width:900px){.content-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.content-hero{padding:42px 0 22px}.content-grid{grid-template-columns:1fr}.content-card figure{height:210px}.gallery-grid{columns:1}}