/* A compact reading window, using the existing paper and forest palette. */
body .recent-updates{display:grid;grid-template-columns:180px minmax(0,1fr);gap:2rem;padding-block:1.25rem;margin-top:1rem;border-bottom:1px solid #d6d6c6;color:#263129}
.recent-updates-heading{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.2rem}
body .recent-updates h2{margin:0;font:600 1.25rem/1.5 var(--serif,"Songti SC",serif);letter-spacing:0}
.updates-all{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;font-size:.875rem;color:#385c43;text-decoration:none}
.updates-preview,.updates-archive ol{padding:0;margin:0;list-style:none}
.update-preview-link{display:grid;grid-template-columns:145px minmax(0,1fr) 16px;gap:.85rem;align-items:baseline;padding:.65rem 0;min-height:44px;color:inherit;text-decoration:none}
.update-meta{display:flex;align-items:baseline;gap:.65rem;color:#53604f;font-size:.875rem;line-height:1.6}
.update-meta time{font-variant-numeric:tabular-nums;white-space:nowrap}
.update-title{font-size:1rem;line-height:1.65}
.update-arrow{font-size:.875rem;color:#385c43}
.update-preview-link:hover .update-title,.updates-all:hover,.update-entry a:hover{text-decoration:underline;text-underline-offset:.25em}
.recent-updates a:focus-visible,.updates-main a:focus-visible{outline:2px solid #a84f10;outline-offset:4px;border-radius:2px}
body .updates-main{max-width:960px;padding-block:2rem 3rem}
.updates-intro{max-width:650px;margin-bottom:3rem}
.updates-intro>a,.updates-intro a,.updates-footer a{color:#385c43}
body .updates-intro h1{font:500 clamp(2rem,4vw,3rem)/1.3 var(--serif,"Songti SC",serif);margin:1.5rem 0 1rem;letter-spacing:0}
.updates-intro p{line-height:1.8;margin:.75rem 0}
.updates-intro .updates-date-note{font-size:.875rem;color:#53604f}
.updates-month{margin-bottom:3rem}
body .updates-month h2{font:600 1.15rem/1.5 var(--sans,sans-serif);margin:0 0 .75rem;color:#385c43}
.update-entry{display:grid;grid-template-columns:165px minmax(0,1fr);gap:1.5rem;padding:1.35rem 0;border-top:1px solid #d6d6c6}
.update-entry .update-meta{flex-direction:column;gap:.2rem}
body .update-entry h3{font:500 1.15rem/1.65 var(--sans,sans-serif);margin:0 0 .4rem;letter-spacing:0}
.update-entry h3 a{color:#263129;text-decoration:none}
.update-entry p{font-size:1rem;line-height:1.85;color:#53604f;margin:0;max-width:650px}
.updates-footer{display:flex;flex-wrap:wrap;gap:1.5rem;border-top:1px solid #d6d6c6;padding-top:1.25rem}
.updates-footer a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:760px){
 body .recent-updates{grid-template-columns:1fr;gap:.25rem;width:calc(100% - 32px);padding-block:.65rem 1rem;margin-top:.4rem}
 .recent-updates-heading{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}
 .update-preview-link{grid-template-columns:minmax(0,1fr) 16px;gap:.1rem .5rem;padding:.6rem 0}
 .update-preview-link .update-meta{grid-column:1;font-size:.8125rem}
 .update-title{grid-column:1;font-size:1rem}
 .update-arrow{grid-column:2;grid-row:2}
 body .updates-main{width:calc(100% - 32px);padding-block:1rem 2rem}
 .updates-intro{margin-bottom:2rem}
 .update-entry{grid-template-columns:1fr;gap:.5rem;padding:1.2rem 0}
 .update-entry .update-meta{flex-direction:row;flex-wrap:wrap;gap:.75rem}
}