#home-updates{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);gap:35px;background:#fafcf8;border:1px solid #d4dfd5;border-radius:14px;padding:27px 30px;color:#264b3f;box-shadow:0 4px 16px #223f3405;font-family:var(--sans);margin:19px 0 28px}
#home-updates h2{font:700 22px/1.5 var(--serif);letter-spacing:.035em;color:#244c42;margin:0}
#home-updates .hu-pickup{min-width:0;padding-right:3px}
#home-updates .hu-pickup-content{margin-top:20px}
#home-updates .hu-kind{display:inline-block;font:11px/1.7 var(--sans);color:#52725d;letter-spacing:.04em}
#home-updates h3{font:700 28px/1.6 var(--serif);letter-spacing:.025em;margin:9px 0 11px;color:#204f40;max-width:530px}
#home-updates .hu-description{font:13px/1.9 var(--sans);color:#596e5e;max-width:520px;margin:0}
#home-updates .hu-action{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border-bottom:1px solid #7da28b;min-height:44px;padding:8px 0 6px;font:13px/1.7 var(--sans);color:#2b6b52;margin-top:13px;text-decoration:none}
#home-updates .hu-action>span{font-size:14px;color:#628a72}
#home-updates a:hover{text-decoration:underline;text-underline-offset:4px}
#home-updates a:focus-visible{outline:2px solid #2b6b52;outline-offset:4px;border-radius:2px}
#home-updates .hu-footprints{min-width:0;border-left:1px solid #d8e2d6;padding-left:34px}
#home-updates .hu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#home-updates .hu-heading h2{font-size:21px}
#home-updates .hu-heading>span{font:11px/1.5 var(--sans);color:#70866d}
#home-updates .hu-timeline{position:relative;padding:0 0 0 12px;margin:14px 0 0;list-style:none}
#home-updates .hu-timeline:before{content:"";position:absolute;top:var(--hu-line-top,33px);bottom:var(--hu-line-bottom,33px);left:16px;border-left:1px solid #97b4a0}
#home-updates .hu-timeline li{display:grid;grid-template-columns:12px 55px minmax(0,1fr);gap:12px;align-items:center;padding:0;min-height:66px;border:0;margin:0}
#home-updates .hu-dot{grid-column:1;grid-row:1;width:9px;height:9px;position:relative;z-index:1;border-radius:50%;background:#4b8267;border:2px solid #fbfcfa;box-shadow:0 0 0 1px #4b8267}
#home-updates .hu-type{grid-column:2;grid-row:1;font:10px/1.5 var(--sans);color:#547455;white-space:normal}
#home-updates .hu-footprint-link{display:flex;align-items:center;justify-content:space-between;gap:12px;grid-column:3;grid-row:1;min-width:0;min-height:44px;padding:0;font:15px/1.7 var(--sans);color:#355747;text-decoration:none}
#home-updates .hu-footprint-link>span:first-child{min-width:0;overflow-wrap:anywhere}
#home-updates .hu-arrow{font:13px var(--sans);color:#648671;flex-shrink:0}
@media(max-width:900px) and (min-width:701px){#home-updates{gap:24px;padding:25px}#home-updates .hu-footprints{padding-left:24px}#home-updates h3{font-size:25px}}
@media(max-width:700px){#home-updates{grid-template-columns:minmax(0,1fr);gap:22px;padding:21px 19px;border-radius:11px;margin-bottom:29px}#home-updates h2{font-size:21px;letter-spacing:.015em}#home-updates .hu-pickup-content{margin-top:14px}#home-updates .hu-kind{font-size:10px}#home-updates h3{font-size:25px;line-height:1.6;margin:7px 0 9px;letter-spacing:.015em}#home-updates .hu-description{font-size:12px;line-height:1.8}#home-updates .hu-action{font-size:12px;margin-top:8px;gap:34px}#home-updates .hu-footprints{border-left:0;border-top:1px solid #d6e1d1;padding-left:0;padding-top:20px}#home-updates .hu-heading h2{font-size:20px}#home-updates .hu-timeline{margin-top:11px}#home-updates .hu-timeline li{grid-template-columns:12px minmax(0,1fr);gap:0 12px;min-height:60px}#home-updates .hu-dot{grid-row:1 / span 2}#home-updates .hu-type{grid-column:2;grid-row:1}#home-updates .hu-footprint-link{grid-column:2;grid-row:2;font-size:14px;min-height:44px;line-height:1.65}}
@media(max-width:350px){#home-updates{padding:18px 15px;gap:19px}#home-updates h2,#home-updates .hu-heading h2{font-size:19px}#home-updates h3{font-size:22px;line-height:1.6}#home-updates .hu-description{font-size:11px}#home-updates .hu-footprint-link{font-size:13px}}

/* The existing pickup title uses the same normal article URL as its read action. */
#home-updates .hu-pickup h3 a{display:block;color:inherit;text-decoration:none}
#home-updates .hu-pickup h3 a:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:4px}