@media (min-width: 651px) {
  .library-row { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 1.35rem; align-items: start; }
  .library-row:not(:has(.article-card-image)) { display: block; padding-left: 1.1rem; border-left: 4px solid #5ee6d2; background: #f6fbfa; }
  .library-row:hover .article-card-image img { transform: scale(1.025); }
}
@media (max-width: 650px) {
  .library-row { display: grid; grid-template-columns: 1fr; gap: .85rem; }
  .library-filters { gap: .4rem; }
  .library-filters button { font-size: .7rem; padding: .48rem .7rem; }
  .article-body th, .article-body td { min-width: 125px; padding: .62rem; }
}

.article-sequence { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 2rem 0; }
.article-sequence a { display: block; border: 1px solid #bdc9c7; padding: 1rem; color: #0a4d5a; font: 700 .95rem/1.35 Manrope, Arial, sans-serif; text-decoration: none; }
.article-sequence a:last-child { text-align: right; }
.article-sequence span { display: block; margin-bottom: .25rem; color: #c45b42; font: 700 .7rem/1.35 'DM Mono', monospace; letter-spacing: .08em; text-transform: uppercase; }
@media (max-width: 800px) { .article-sequence { grid-template-columns: 1fr; } .article-sequence a:last-child { text-align: left; } }