/* One cover format for the whole article collection, independent of image size. */
.homepage .knowledge-section {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
.homepage .knowledge-section>h2 {max-width:none}
.articles-all {justify-self:end}
.homepage .reading-grid {grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto;gap:20px;min-width:0;align-items:start}
.homepage .reading-card {display:flex;flex-direction:column;gap:0;min-width:0;align-items:stretch;align-self:start}
.homepage .reading-cover {flex:none;width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:14px;background:#eef1e8}
.homepage .reading-cover img {width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .2s}
.homepage .reading-card h3 {margin:14px 0 0;font-size:18px;font-weight:550;line-height:1.4;letter-spacing:-.025em;overflow-wrap:normal}
.homepage .reading-card h3 span {color:#728066}
.homepage .reading-card:hover .reading-cover img {transform:scale(1.025)}
@media(max-width:1000px) {
  .homepage .reading-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}
  .homepage .reading-card h3 {font-size:18px}
}
@media(max-width:600px) {
  .homepage .knowledge-section {grid-template-columns:1fr;gap:20px}
  .homepage .knowledge-section>h2 {grid-row:1;font-size:28px;max-width:330px}
  .homepage .reading-grid {grid-row:2;grid-column:1;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:252px;gap:16px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#bbc4b2 #f2f4ee}
  .homepage .reading-card {scroll-snap-align:start}
  .homepage .reading-cover {border-radius:12px}
  .homepage .reading-card h3 {margin-top:12px;font-size:17px;line-height:1.4}
  .articles-all {grid-row:3;grid-column:1;justify-self:stretch}
}
@media(prefers-reduced-motion:reduce) {
  .homepage .reading-cover img {transition:none}
  .homepage .reading-card:hover .reading-cover img {transform:none}
}