/* Articles list and article page styles — matching site visual language */
.articles-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.1rem;margin:1.2rem 0}
.article-card{display:flex;gap:1rem;background:linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.01));padding:0.9rem;border-radius:8px;align-items:flex-start;position:relative;overflow:visible}
.article-card::after{content:'';position:absolute;right:-12px;top:8px;width:60px;height:60px;background:rgba(0,0,0,0.03);transform:rotate(-12deg);border-radius:6px;opacity:0.6}
.article-card .media{flex:0 0 140px;transform:translateY(-6px) rotate(-1deg)}
.article-card img{width:140px;height:96px;object-fit:cover;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,0.12)}
.article-card .content{flex:1}
.article-card h3{margin:0 0 0.3rem}
.article-card h3 a{color:inherit;text-decoration:none}
.article-card .meta{font-size:0.85rem;color:var(--matrix-dim);margin-bottom:0.5rem}
.article-card .excerpt{margin:0 0 0.6rem;color:var(--matrix-dim)}
.article-card .actions{display:flex;gap:0.5rem}
.article-card .btn{padding:0.5rem 0.8rem;border-radius:6px}

.lead-article .lead-card{display:flex;gap:1.2rem;margin-bottom:1.4rem;align-items:center}
.lead-media{flex:0 0 360px}
.lead-media img{width:360px;height:220px;object-fit:cover;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,0.2)}
.lead-content h2{margin:0 0 0.4rem}
.lead-actions{display:flex;gap:0.8rem;margin-top:0.8rem}

.articles-grid{display:grid;grid-template-columns:1fr 320px;gap:1.2rem;align-items:start}
.articles-grid > h2{grid-column:1 / -1;margin-bottom:0.8rem}

/* Force the list to occupy the main column and the aside to the right column */
.articles-grid .articles-list{grid-column:1 / 2; grid-template-columns:1fr;}
.articles-grid .articles-aside{grid-column:2 / 3}
.articles-aside .aside-card{background:rgba(0,0,0,0.02);padding:0.9rem;border-radius:8px;margin-bottom:1rem}
.tags{display:flex;flex-wrap:wrap;gap:0.4rem}
.tag{background:rgba(0,0,0,0.03);padding:0.3rem 0.6rem;border-radius:999px;text-decoration:none;color:inherit;font-size:0.85rem}

.archive-note{margin-top:1.6rem}

.article-body{max-width:880px;margin:1.4rem auto;line-height:1.6}
.article-body h1{margin-top:0}
.article-body .byline{color:var(--matrix-dim);margin-bottom:1rem}

/* Controlled-chaos visuals: staggered cards */
.articles-list .article-card:nth-child(odd){transform:translateY(-6px) rotate(-0.6deg)}
.articles-list .article-card:nth-child(even){transform:translateY(6px) rotate(0.6deg)}

/* Responsive */
@media (max-width:1100px){
  .articles-grid{grid-template-columns:1fr}
  .lead-media{flex:0 0 100%}
  .lead-media img{width:100%;height:auto}
}
@media (max-width:700px){
  .article-card{flex-direction:column}
  .article-card .media{width:100%}
  .article-card img{width:100%;height:auto}
  .article-card::after{display:none}
  .lead-article .lead-card{flex-direction:column}
}