.homepage-top{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.12fr) minmax(270px,.78fr);gap:24px;padding-bottom:26px;border-bottom:1px solid #e0e8e3;align-items:start}
.homepage-top>*{min-width:0}.homepage-top .hero{margin:0;border:0;padding:0}.homepage-top .hero .photo{aspect-ratio:1.95;max-height:550px;margin-bottom:12px}.homepage-top .hero h1{font-size:clamp(28px,2.1vw,42px);line-height:1.4;margin:8px 0 12px}.homepage-top .hero .intro{font-size:17px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.top-section-heading{border-top:3px solid #087b3c;padding:10px 0;margin:0 0 10px;font-size:25px;line-height:1.4}.top-important-list{display:grid;gap:0}.top-important-story{display:grid;grid-template-columns:42% minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid #e0e8e3}.top-important-story:first-child{padding-top:0}.top-important-story:last-child{border-bottom:0}.top-story-photo{display:block;aspect-ratio:1.55;overflow:hidden;background:#f0f5f2}.top-story-photo img{display:block;width:100%;height:100%;object-fit:cover}.top-story-photo .image-fallback{object-fit:contain;padding:12px;box-sizing:border-box}.top-important-story h3,.top-more-card h3{font-size:21px;line-height:1.5;margin:0 0 10px}.top-important-story a,.top-more-card a,.top-headlines a{color:inherit;text-decoration:none}.top-important-story a:hover,.top-more-card a:hover,.top-headlines a:hover{color:#087b3c}.top-important-story time,.top-more-card time,.top-headlines time{display:block;font-size:12px;color:#718078;line-height:1.5}.top-headlines{list-style:none;padding:0;margin:0 0 16px}.top-headlines li{padding:12px 0;border-bottom:1px solid #e2e9e5}.top-headlines a{display:block;font-size:18px;line-height:1.5;font-weight:700;margin-bottom:5px}.top-latest .rail-ad{width:100%;max-width:336px;margin:18px auto 0}.top-more{margin:24px 0}.top-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.top-more-card{display:grid;grid-template-columns:40% minmax(0,1fr);gap:14px;padding-right:20px;border-right:1px solid #e2e9e5;min-width:0}.top-more-card:last-child{border-right:0;padding-right:0}.top-more-card h3{font-size:20px}.top-more-card .top-story-photo{aspect-ratio:1.55}
@media(min-width:1024px) and (max-width:1279px){.homepage-top{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 250px;gap:18px}.top-important-story{grid-template-columns:38% minmax(0,1fr);gap:10px}.top-important-story h3,.top-more-card h3{font-size:17px}.top-headlines a{font-size:16px}.top-section-heading{font-size:22px}}
@media(min-width:700px) and (max-width:1023px){.homepage-top{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px}.top-latest{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.top-latest>.tabs{grid-column:1/-1}.top-latest .rail-ad{grid-column:2;grid-row:2;margin-top:0}.top-important-story h3{font-size:18px}.top-more-grid{gap:16px}.top-more-card{display:block;padding-right:16px}.top-more-card .top-story-photo{margin-bottom:10px}.top-more-card h3{font-size:18px}}
@media(max-width:699px){.homepage-top{display:flex;flex-direction:column;gap:24px}.homepage-top>*{width:100%;box-sizing:border-box}.homepage-top .hero .photo{aspect-ratio:1.65}.homepage-top .hero h1{font-size:29px}.top-important-story{grid-template-columns:34% minmax(0,1fr)}.top-important-story h3{font-size:19px}.top-more-grid{grid-template-columns:minmax(0,1fr);gap:16px}.top-more-card{grid-template-columns:34% minmax(0,1fr);border-right:0;border-bottom:1px solid #e2e9e5;padding:0 0 16px}.top-more-card h3{font-size:19px}.top-section-heading{font-size:23px}}
