.archive-main{min-width:0}
.archive-header{display:grid;gap:var(--step-4);margin:var(--step-6) 0}
.archive-header-content{min-width:0}
.archive-title{font-size:var(--step-6)}
.archive-header:is(.archive-header--category,.archive-header--tag,.archive-header--latest) .archive-title::after{content:"";display:block;width:clamp(var(--step-16),25vw,calc(var(--step-20) * 2.5));margin-top:var(--step-4);border-bottom:calc(var(--border-width) * 4) var(--border-style) var(--accent-400)}
.archive-description{max-width:42rem;color:var(--neutral-600);line-height:1.45}
.archive-description p+p{margin-top:var(--step-2)}
.archive-tag-card{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:start;gap:0;margin-top:var(--step-3);padding:var(--step-3);border-radius:var(--radius-md);background:var(--neutral-200);color:var(--neutral-800);text-align:center}
.archive-tag-image{display:grid;width:100%;place-items:center;padding:var(--step-2);border-radius:var(--radius-md);background-image:repeating-linear-gradient(135deg,transparent 0 var(--step-4),var(--neutral-400) var(--step-4) calc(var(--step-4) + var(--border-width)))}
.archive-tag-image img{width:100%;max-width:132px;height:auto;aspect-ratio:1/1;border-radius:var(--radius-sm);object-fit:cover}
.archive-tag-content{width:100%;min-width:0;padding-top:var(--step-2)}
.archive-tag-name{display:block;margin-bottom:var(--step-1);font-size:var(--step-5);font-weight:700;color:inherit}
.archive-tag-card .archive-description{margin-inline:auto;color:var(--neutral-600);line-height:1.35}
html[data-theme="dark"] .archive-tag-card{background:var(--neutral-300)}
.archive-author{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:start;gap:0;padding:var(--step-4);border-radius:var(--radius-md);background:var(--neutral-200);text-align:center}
.archive-author-media{display:grid;width:100%;place-items:center;padding:var(--step-4);border-radius:var(--radius-md);background-image:radial-gradient(circle,var(--neutral-400) var(--border-width),transparent calc(var(--border-width) * 1.5));background-size:var(--step-2) var(--step-2)}
.archive-author-content{width:100%;min-width:0;padding-top:var(--step-3)}
.archive-author img{width:100%;max-width:160px;height:auto;aspect-ratio:1/1;padding:var(--step-1);border:calc(var(--border-width) * 2) var(--border-style) var(--neutral-700);border-radius:50%;object-fit:cover}
.archive-author .archive-description{margin-inline:auto}
.archive-author .archive-title+.archive-description{margin-top:var(--step-2)}
.archive-author-links{display:flex;justify-content:center;gap:var(--step-2);margin-top:var(--step-3)}
.archive-author-links a{display:grid;width:var(--step-8);height:var(--step-8);place-items:center;border:var(--border-width) var(--border-style) var(--neutral-400);border-radius:50%;color:var(--neutral-700)}
.archive-author-links a:hover,.archive-author-links a:focus-visible{border-color:var(--accent-400);color:var(--accent-400)}
.archive-author-links svg{width:var(--step-5);height:var(--step-5);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="dark"] .archive-author{background:var(--neutral-300)}
.archive-grid{min-width:0}
.archive-article a{display:flex;align-items:center;gap:var(--step-3);padding:var(--step-3) 0;border-bottom:var(--border-width) var(--border-style) var(--neutral-300);color:inherit;text-decoration:none}
.archive-article figure{width:120px;aspect-ratio:16/10;flex-shrink:0;overflow:hidden;border-radius:var(--step-1);background:var(--neutral-200)}
.archive-article figure img{display:block;width:100%;height:100%;object-fit:cover}
.archive-content{display:flex;min-width:0;flex:1;flex-direction:column;justify-content:center}
.archive-meta{color:var(--neutral-600);font-size:var(--step-3);text-transform:uppercase}
.archive-article h3{margin:var(--step-1) 0;font:600 var(--step-4)/1.2 var(--font-family-base)}
.archive-article--featured a{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--step-4);padding:0 0 var(--step-6)}
.archive-article--featured figure{width:100%;aspect-ratio:16/9}
.archive-article--featured .archive-content{max-width:44rem}
.archive-article--featured h3{font-size:clamp(var(--step-6),4vw,var(--step-9));line-height:1.08}
.archive-excerpt{color:var(--neutral-600);line-height:1.4}
.archive-excerpt p{margin:0}
.no-results{padding:var(--step-8) 0;color:var(--neutral-600)}
@media(min-width:600px){
  .archive-tag-card{grid-template-columns:clamp(112px,18vw,160px) minmax(0,1fr);justify-items:stretch;align-items:center;gap:var(--step-3);text-align:left}
  .archive-tag-content{padding-top:0}
  .archive-tag-card .archive-description{margin-inline:0}
  .archive-author{grid-template-columns:clamp(128px,22vw,200px) minmax(0,1fr);justify-items:stretch;align-items:center;gap:var(--step-4);text-align:left}
  .archive-author-content{padding-top:0}
  .archive-author .archive-description{margin-inline:0}
  .archive-author-links{justify-content:flex-start}
  .archive-article--featured a{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
  .archive-article--featured figure{aspect-ratio:4/3}
  .archive-article:not(.archive-article--featured) figure{width:200px;aspect-ratio:16/9}
  .archive-article:not(.archive-article--featured) .archive-content{max-width:350px}
  .archive-article:not(.archive-article--featured) h3{font-size:var(--step-5)}
}
@media(min-width:900px){
  .archive-article--featured a{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
  .archive-article--featured figure{aspect-ratio:16/9}
}
@media(max-width:420px){
  .archive-article:not(.archive-article--featured) a{flex-direction:column;align-items:flex-start}
  .archive-article:not(.archive-article--featured) figure{width:100%;aspect-ratio:16/9}
  .archive-article:not(.archive-article--featured) .archive-content{width:100%;max-width:none}
}