.page-blog{padding:12px 0 52px}.page-blog .page-title{margin:0 0 2px;font-size:15px;font-weight:500}.page-blog .page-lede{color:var(--soft);max-width:64ch;margin:0}.page-blog a.card{color:inherit;text-decoration:none}.page-blog a.card:focus-visible{outline-offset:4px;border-radius:10px}.page-blog .title{color:var(--hero);font-size:14px}.page-blog .sum{color:var(--soft)}.page-blog .dates,.page-blog .count{color:var(--faint);font-size:12px}.page-blog .top-line{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.page-blog .more{color:var(--link);font-size:12px}.page-blog .art{aspect-ratio:16/9;width:100%;display:block}.page-blog .feature{border:1px solid var(--card-line);background:var(--card);border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);transition:border-color .2s;display:grid;overflow:hidden}.page-blog .feature:hover,.page-blog .series a.card:hover{border-color:var(--card-hover)}.page-blog .feature .art{aspect-ratio:auto;border-right:1px solid var(--card-line);height:100%;min-height:220px}.page-blog .feature .body{flex-direction:column;gap:8px;padding:18px 20px 20px;display:flex}.page-blog .feature .title{font-size:16px}.page-blog .facts{gap:22px;margin:4px 0 2px;display:flex}.page-blog .facts div{flex-direction:column-reverse;display:flex}.page-blog .facts dt{color:var(--faint);font-size:11.5px}.page-blog .facts dd{color:var(--hero);margin:0;font-size:15px;font-weight:500}.page-blog .series{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.page-blog .series li{display:flex}.page-blog .series a.card{border:1px solid var(--card-line);background:var(--card);border-radius:10px;flex-direction:column;width:100%;transition:border-color .2s;display:flex;overflow:hidden}.page-blog .series .art{border-bottom:1px solid var(--card-line)}.page-blog .series .body{flex-direction:column;gap:6px;padding:14px 16px 18px;display:flex}@media (max-width:720px){.page-blog .feature,.page-blog .series{grid-template-columns:minmax(0,1fr)}.page-blog .feature .art{aspect-ratio:16/9;border-right:0;border-bottom:1px solid var(--card-line);height:auto;min-height:0}}@media (max-width:640px){.page-blog{padding:8px 0 40px}}