/* Shared listing style: release notes and blog. Scoped under .mon-list. */
.mon-list{max-width:1180px;margin:0 auto;padding:0 24px 72px;
  font-family:'DM Sans',system-ui,sans-serif;color:#101626}
.mon-list *{box-sizing:border-box;border-radius:0}
.mon-list .head{display:flex;align-items:flex-end;justify-content:space-between;
  gap:20px;padding:56px 0 30px;flex-wrap:wrap}
.mon-list h1{font-size:60px;font-weight:700;letter-spacing:-.035em;line-height:1;margin:0}
.mon-list .head p{font-size:16px;color:#5b6472;margin:12px 0 0;max-width:62ch}
.mon-list .rss{font-family:'DM Mono',ui-monospace,monospace;font-size:12.5px;
  letter-spacing:.08em;text-transform:uppercase;color:#5b6472;text-decoration:none;
  border:1px solid #d2d6dd;padding:7px 12px}
.mon-list .rss:hover{border-color:#101626;color:#101626}

.mon-list .latest{border:1px solid #d2d6dd;background:#fff;padding:26px 28px;margin-bottom:38px}
.mon-list .meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  font-family:'DM Mono',ui-monospace,monospace;font-size:12.5px;letter-spacing:.08em;
  text-transform:uppercase;color:#5b6472}
.mon-list .tag{background:#c9870a;color:#fff;padding:3px 8px;letter-spacing:.1em}
.mon-list .latest h2{font-size:34px;font-weight:700;letter-spacing:-.025em;margin:14px 0 10px}
.mon-list .latest h2 a{color:#101626;text-decoration:none}
.mon-list .latest h2 a:hover{color:#1e4fd6}
.mon-list .latest p{font-size:17px;color:#5b6472;line-height:1.6;max-width:70ch;margin:0}
.mon-list .latest .by{font-size:14px;color:#8a93a3;margin-top:16px}

.mon-list .filters{display:flex;align-items:center;gap:0;border-bottom:1px solid #e6e8ec;
  margin-bottom:6px;flex-wrap:wrap}
.mon-list .filters a{font-size:14px;color:#5b6472;text-decoration:none;padding:10px 16px;
  border:1px solid transparent;border-bottom:none;margin-bottom:-1px}
.mon-list .filters a.on{background:#101626;color:#fff}
.mon-list .filters .count{margin-left:auto;font-family:'DM Mono',ui-monospace,monospace;
  font-size:13px;color:#8a93a3;padding:10px 0}

.mon-list .year{display:grid;grid-template-columns:110px 1fr;gap:0;
  border-bottom:1px solid #e6e8ec}
.mon-list .year > h3{font-size:34px;font-weight:700;letter-spacing:-.02em;
  padding:26px 0;margin:0;color:#101626}
.mon-list .rows{display:flex;flex-direction:column}
.mon-list .row{display:grid;grid-template-columns:170px 1fr;gap:20px;
  padding:22px 0;border-bottom:1px solid #f0f1f4}
.mon-list .rows .row:last-child{border-bottom:none}
.mon-list .date{font-family:'DM Mono',ui-monospace,monospace;font-size:13px;
  letter-spacing:.06em;text-transform:uppercase;color:#5b6472;padding-top:3px}
.mon-list .row h4{font-size:19px;font-weight:600;margin:0 0 6px;display:flex;
  align-items:center;gap:10px;flex-wrap:wrap}
.mon-list .row h4 a{color:#101626;text-decoration:none}
.mon-list .row h4 a:hover{color:#1e4fd6}
.mon-list .kind{font-family:'DM Mono',ui-monospace,monospace;font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;color:#5b6472;border:1px solid #d2d6dd;
  padding:2px 7px}
.mon-list .row p{font-size:15.5px;color:#5b6472;line-height:1.6;margin:0;max-width:78ch}
.mon-list .row .by{font-size:13.5px;color:#8a93a3;margin-top:8px}

@media (max-width:720px){
  .mon-list h1{font-size:42px}
  .mon-list .latest h2{font-size:26px}
  .mon-list .year{grid-template-columns:1fr}
  .mon-list .year > h3{padding:22px 0 8px;font-size:26px}
  .mon-list .row{grid-template-columns:1fr;gap:6px}
}

.mon-list .crumb{font-size:14px;color:#8a93a3;margin:0 0 14px}
.mon-list .crumb a{color:#1e4fd6;text-decoration:none}
.mon-list .crumb a:hover{text-decoration:underline}
.mon-list .latest h2 span,.mon-list .row h4 span:not(.kind){color:#101626}