.blog-archive{margin-top:2.5rem}
.blog-archive details{border:1px solid #d9e3ef;border-radius:1rem;background:#f8fbff;padding:1.15rem 1.35rem}
.blog-archive summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;color:#163b70;font-size:1.2rem;font-weight:700;list-style:none}
.blog-archive summary::-webkit-details-marker{display:none}
.blog-archive summary span{transition:transform .2s ease}
.blog-archive details[open] summary span{transform:rotate(180deg)}
.blog-archive p{margin:.8rem 0 1.1rem;color:#44546a}
.blog-archive ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem 1.25rem;margin:0;padding:0;list-style:none}
.blog-archive li{min-width:0}
.blog-archive a{display:block;padding:.45rem .1rem;color:#175caa;line-height:1.4;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.2em}
.blog-archive a:hover,.blog-archive a:focus-visible{text-decoration-color:currentColor}
@media(max-width:850px){.blog-archive ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.blog-archive ul{grid-template-columns:1fr}.blog-archive details{padding:1rem}}