
/* Latest content: one lead article and three compact entries. */
#archive{background:#fff;box-shadow:none}
#archive .latest-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(22px,3vw,44px);align-items:stretch}
#archive .latest-lead,#archive .latest-row{color:#294455;text-decoration:none;min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#archive .latest-lead{display:block}
#archive .latest-image{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#f1f3f2;color:#78877f;border-radius:5px;overflow:hidden}
#archive .latest-lead .latest-image{width:100%;aspect-ratio:16/9}
#archive .latest-image img{display:block;width:42px;height:42px;flex:none}
#archive .latest-image span{font-size:13px;line-height:1.7}
#archive .latest-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;font-size:12px;line-height:1.7;color:#5c746b}
#archive .latest-type{padding:2px 8px;border-radius:3px;background:#edf3ef;color:#446659;font-weight:600;white-space:nowrap}
#archive .latest-lead .latest-copy{padding-top:18px}
#archive .latest-lead h3{font-size:clamp(22px,1.85vw,30px);line-height:1.65;font-weight:700;letter-spacing:.015em;margin:9px 0 10px;overflow-wrap:anywhere;word-break:normal}
#archive .latest-summary{font-size:14px;line-height:1.9;color:#61716c;margin:0;max-width:60ch}
#archive .latest-side{display:flex;flex-direction:column;min-width:0}
#archive .latest-row{display:grid;grid-template-columns:clamp(88px,8vw,132px) minmax(0,1fr);align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid #e1e7e3;flex:1}
#archive .latest-row:first-child{padding-top:0}
#archive .latest-row:last-child{padding-bottom:0;border-bottom:0}
#archive .latest-row .latest-image{aspect-ratio:4/3}
#archive .latest-row .latest-image img{width:30px;height:30px}
#archive .latest-row h3{font-size:clamp(16px,1.25vw,21px);line-height:1.8;margin:8px 0 0;font-weight:700;overflow-wrap:anywhere;word-break:normal}
#archive .latest-lead:hover h3,#archive .latest-row:hover h3{color:#47766b;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
#archive .latest-lead:focus-visible,#archive .latest-row:focus-visible{outline:2px solid #568b87;outline-offset:5px;border-radius:4px}
@container site (max-width:760px){#archive .latest-layout{grid-template-columns:1fr;gap:20px}#archive .latest-row{grid-template-columns:96px minmax(0,1fr);padding:18px 0}#archive .latest-row:first-child{padding-top:18px;border-top:1px solid #e1e7e3}#archive .latest-row h3{font-size:16px}#archive .latest-lead h3{font-size:23px}}
body.sp #archive .latest-layout{grid-template-columns:1fr;gap:20px}
body.sp #archive .latest-row{grid-template-columns:80px minmax(0,1fr);gap:12px;padding:17px 0}
body.sp #archive .latest-row:first-child{padding-top:17px;border-top:1px solid #e1e7e3}
body.sp #archive .latest-lead h3{font-size:22px}
body.sp #archive .latest-row h3{font-size:15px}
@media(max-width:760px){#archive .latest-layout{grid-template-columns:1fr;gap:20px}#archive .latest-row{grid-template-columns:84px minmax(0,1fr);gap:12px;padding:18px 0}#archive .latest-row:first-child{padding-top:18px;border-top:1px solid #e1e7e3}#archive .latest-row h3{font-size:15px}#archive .latest-lead h3{font-size:22px}#archive .latest-meta{font-size:11px}#archive .latest-summary{font-size:13px}}
