/* News archive echoes the pastel news panel on the front page. */
.news-index{position:relative;isolation:isolate;overflow:hidden;min-height:0;margin-top:118px;margin-bottom:88px;padding:38px clamp(18px,4vw,52px) 48px;border:2px solid #fff;border-radius:34px;background:linear-gradient(128deg,#fff8eb 0%,#fff5f6 51%,#f0f9ff 100%);box-shadow:0 14px 40px #7b9d9120,0 0 0 1px #dceee8}
.news-index::before{content:"";position:absolute;z-index:-1;top:-90px;right:-65px;width:210px;height:210px;border-radius:48% 52% 62% 38%;background:radial-gradient(circle at 38% 36%,#fff5b9aa,#ffdadf77 65%,transparent 72%);pointer-events:none}
.news-index>h1{display:flex;align-items:center;gap:10px;margin:0 0 26px;color:#365875;font-size:clamp(25px,3vw,34px)}
.news-index>h1 .illustration-icon{width:38px;height:38px;flex:none}
.news-index .news-list{display:grid;gap:12px;padding:0;background:transparent}
.news-index .news-list li{list-style: none;}
.news-index .news-list li+li{border:0}
.news-index .news-link{padding:17px 21px;border:1px solid #fff;border-radius:16px;background:#ffffffdc;box-shadow:0 4px 12px #8ca7a111;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.news-index .news-link:hover,.news-index .news-link:focus-visible{background:#fff;transform:translateY(-2px);box-shadow:0 7px 17px #8ca7a12a}
.news-index .news-link span:last-child{color:#82b4a9}
@media(max-width:650px){.news-index{margin-top:90px;margin-bottom:56px;padding:26px 17px 30px;border-radius:25px}.news-index>h1{margin-bottom:19px}.news-index .news-link{padding:13px 12px;gap:10px;font-size:13px}.news-index .news-link time{font-size:12px}}