/* ZEITUNG.IO STARTUP DESK v5 — desktop archive only.
   Dense, modern, editorial. No 2000s magazine-card spacing. */

@media (min-width:981px){

  html body main .archive-grid[data-archive-grid]{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-rows:min-content!important;
    gap:14px!important;
    align-items:start!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
  }

  html body main .archive-grid[data-archive-grid] > article.archive-card,
  html body main .archive-grid[data-archive-grid] > article.archive-card:nth-child(n){
    grid-column:auto!important;
    grid-row:auto!important;
    align-self:start!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(16,20,22,.12)!important;
    border-radius:14px!important;
    background:#f8f5ef!important;
    color:#101315!important;
    box-shadow:0 1px 0 rgba(16,20,22,.03)!important;
  }

  html body main .archive-grid[data-archive-grid] > article.archive-card > a.card-image,
  html body main .archive-grid[data-archive-grid] > article.archive-card:nth-child(n) > a.card-image{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
    overflow:hidden!important;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    border:0!important;
    border-radius:0!important;
    filter:none!important;
    transform:none!important;
  }

  html body main .archive-grid[data-archive-grid] > article.archive-card > .card-copy,
  html body main .archive-grid[data-archive-grid] > article.archive-card:nth-child(n) > .card-copy{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:14px 15px 15px!important;
    background:#f8f5ef!important;
    color:#101315!important;
  }

  html body main .archive-grid[data-archive-grid] > article.archive-card .card-copy > small{
    display:block!important;
    margin:0 0 9px!important;
    color:#77736c!important;
    font:800 8.5px/1.1 Arial,Helvetica,sans-serif!important;
    letter-spacing:.085em!important;
    text-transform:uppercase!important;
  }

  html body main .archive-grid[data-archive-grid] > article.archive-card .card-copy > small b{
    color:#ef3d32!important;
    font-size:10px!important;
  }

  html body main .archive-grid[data-archive-grid] > article.archive-card h2,
  html body main .archive-grid[data-archive-grid] > article.archive-card:nth-child(n) h2{
    margin:0!important;
    padding:0!important;
    max-width:none!important;
    color:#101315!important;
    font:800 19px/1.02 Arial,Helvetica,sans-serif!important;
    letter-spacing:-.036em!important;
    text-transform:none!important;
    text-wrap:balance!important;
  }

  html body main .archive-grid[data-archive-grid] > article.archive-card h2 a{
    color:inherit!important;
    text-decoration:none!important;
  }

  html body main .archive-grid[data-archive-grid] > article.archive-card p{
    display:-webkit-box!important;
    margin:10px 0 0!important;
    overflow:hidden!important;
    color:#4b4843!important;
    font:400 13px/1.38 Georgia,"Times New Roman",serif!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }

  html body main .archive-grid[data-archive-grid] > article.archive-card .trust{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:8px!important;
    margin:12px 0 0!important;
    padding:10px 0 0!important;
    border-top:1px solid rgba(16,20,22,.09)!important;
    color:#8a857e!important;
    font:750 7px/1.15 Arial,Helvetica,sans-serif!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
  }

  html body main .archive-grid[data-archive-grid] > article.archive-card .trust b{
    color:#ef3d32!important;
  }

  html body main .archive-grid[data-archive-grid] > article.archive-card:hover{
    border-color:rgba(16,20,22,.24)!important;
    transform:translateY(-2px)!important;
    box-shadow:0 10px 24px rgba(16,20,22,.07)!important;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
  }

  .block-head.archive-head{
    margin-top:28px!important;
    margin-bottom:8px!important;
    padding:12px 0 10px!important;
    border-top:2px solid #101315!important;
    border-bottom:1px solid rgba(16,20,22,.12)!important;
  }

  .archive-toolbar[data-archive-controls]{
    margin:0 0 16px!important;
    padding:10px 0!important;
    border:0!important;
    border-bottom:1px solid rgba(16,20,22,.12)!important;
    background:transparent!important;
  }

  .archive-load-wrap{
    margin:20px 0 34px!important;
  }
}

@media (min-width:1680px){
  html body main .archive-grid[data-archive-grid]{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:12px!important;
  }

  html body main .archive-grid[data-archive-grid] > article.archive-card h2{
    font-size:17.5px!important;
  }

  html body main .archive-grid[data-archive-grid] > article.archive-card p{
    font-size:12.5px!important;
  }
}

@media (min-width:981px) and (max-width:1180px){
  html body main .archive-grid[data-archive-grid]{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}