body.issue-preview-page{
  background:#ffffff;
}

.issue-preview-wrap{
  max-width:1500px;
  margin:0 auto;
  padding:calc(var(--header-h) + var(--header-offset)) 5% 100px;
  box-sizing:border-box;
}

.issue-preview-grid{
  display:grid;
  grid-template-columns:minmax(0, 0.9fr) minmax(320px, 1fr);
  gap:4rem;
  align-items:start;
}

.issue-gallery{
  display:grid;
  grid-template-columns:82px minmax(0, 1fr);
  gap:1.5rem;
  align-items:start;
  position:sticky;
  top:calc(var(--header-h) + 2rem);
}

.issue-thumbs{
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.issue-thumb{
  appearance:none;
  border:1px solid transparent;
  background:transparent;
  padding:0;
  cursor:pointer;
  width:82px;
  transition:border-color 0.2s ease, transform 0.2s ease;
}

.issue-thumb:hover{
  transform:translateY(-1px);
}

.issue-thumb.is-active{
  border-color:#222;
}

.issue-thumb img{
  display:block;
  width:100%;
   aspect-ratio: 14 / 15;


  object-fit:cover;
  background:#ddd;
}

.issue-main-image-wrap{
  width:100%;
}

.issue-main-image{
  display:block;
  width:100%;
  max-width:620px;
    aspect-ratio: 14 / 15;
  object-fit:cover;
  background:#ddd;
  box-shadow:0 8px 24px rgba(0,0,0,0.08);
}

.issue-info{
  max-width:720px;
}

.issue-header{
  margin-bottom:2.2rem;
  padding-bottom:1.75rem;
  border-bottom:1px solid #ddd7cf;
}

.issue-kicker{
  margin:0 0 0.5rem;
  font-family:'Rosemary', sans-serif;
  font-size:0.95rem;
  letter-spacing:0.03em;
  text-transform:uppercase;
}

.issue-title{
  margin:0;
  font-family:'Rosemary', sans-serif;
  font-size:clamp(2.2rem, 4vw, 4rem);
  line-height:0.95;
  text-transform:uppercase;
}

.issue-season{
  margin:0.7rem 0 1.2rem;
  font-size:1.05rem;
}

.issue-summary{
  margin:0;
  max-width:42rem;
  font-size:1.02rem;
  line-height:1.6;
}

.issue-block{
  margin-bottom:2.5rem;
  padding-bottom:2.25rem;
  border-bottom:1px solid #ddd7cf;
}

.issue-block:last-child{
  border-bottom:0;
  padding-bottom:0;
}

.issue-block-title{
  margin:0 0 1rem;
  font-family:'Rosemary', sans-serif;
  font-size:1.35rem;
  text-transform:uppercase;
  line-height:1;
}

.issue-contents{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.issue-contents li{
  display:flex;
  flex-direction:column;
  gap:0.2rem;
}

.content-title{
  font-size:1.08rem;
  line-height:1.35;
}

.content-author{
  font-size:0.98rem;
  line-height:1.35;
  opacity:0.8;
}

.editor-byline{
  margin:0 0 1.25rem;
  font-size:0.98rem;
  opacity:0.8;
}

.editor-note p{
  margin:0 0 1.1rem;
  font-size:1rem;
  line-height:1.7;
}

@media (max-width: 1100px){
  .issue-preview-grid{
    grid-template-columns:1fr;
    gap:2.5rem;
  }

  .issue-gallery{
    position:relative;
    top:auto;
    max-width:760px;
  }

  .issue-info{
    max-width:none;
  }
}

@media (max-width: 768px){
  .issue-preview-wrap{
    padding:calc(var(--header-h) + 24px) 14px 80px;
  }

  .issue-gallery{
    grid-template-columns:1fr;
    gap:1rem;
  }

  .issue-thumbs{
    order:2;
    flex-direction:row;
    flex-wrap:wrap;
    gap:0.75rem;
  }

  .issue-thumb{
    width:64px;
  }

  .issue-main-image{
    max-width:none;
    width:100%;
  }

  .issue-title{
    font-size:2.4rem;
  }

  .content-title{
    font-size:1rem;
  }

  .editor-note p{
    font-size:0.98rem;
    line-height:1.65;
  }
}