/* ============================================================
   INCREDIBLE KARNATAKA — V2  |  issues.css
   Worldwide Media Corporation Group, USA
   The Issues page: every edition with its real cover, its cover
   story, and a way into the flipbook. Loads after page.css.
   ============================================================ */

.iss-note{font-size:.8rem;line-height:1.85;color:var(--muted);max-width:620px;
  margin:-1rem 0 2.6rem;}

.iss-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.6rem 2rem;}

.iss{display:flex;flex-direction:column;}

/* ---- cover ---- */
.iss-cover{position:relative;display:block;aspect-ratio:760/973;overflow:hidden;
  background:var(--ph);box-shadow:0 18px 38px var(--shadow);
  transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s;}
.iss-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  display:block;}
.iss-cover:after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.30) 0,rgba(0,0,0,0) 9%);
  pointer-events:none;}
.iss-cover:hover{transform:translateY(-6px);box-shadow:0 30px 56px var(--shadow);}

.iss-open{position:absolute;left:0;right:0;bottom:0;z-index:2;
  background:rgba(13,13,15,.86);color:#fff;text-align:center;
  padding:.72rem .5rem;font-size:.54rem;letter-spacing:.22em;text-transform:uppercase;
  transform:translateY(100%);transition:transform .28s;}
.iss-cover:hover .iss-open{transform:translateY(0);}

/* ---- body ---- */
.iss-body{padding-top:1rem;display:flex;flex-direction:column;flex:1;}
.iss-m{font-family:'Playfair Display',Georgia,serif;font-size:1.15rem;line-height:1.2;}
.iss-m b{font-weight:400;color:var(--meta);}
.iss-v{font-size:.52rem;letter-spacing:.2em;text-transform:uppercase;color:var(--meta);
  margin-top:.25rem;}
.iss-k{font-size:.48rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);
  margin:.9rem 0 .35rem;padding-top:.85rem;border-top:1px solid var(--line);}
.iss-story{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.02rem;
  line-height:1.35;color:var(--ink);display:block;transition:color .2s;}
.iss-story span{color:var(--gold);}
a.iss-story:hover{color:var(--gold);}
.iss-story.off{color:var(--muted);}
.iss-sec{font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;color:var(--meta);
  margin-top:.45rem;}

.iss-act{display:flex;gap:.5rem;margin-top:auto;padding-top:1.1rem;}
.iss-btn{flex:1;text-align:center;background:var(--btn-bg);color:var(--btn-fg);
  padding:.62rem .4rem;font-size:.52rem;letter-spacing:.18em;text-transform:uppercase;
  transition:background .2s,color .2s;}
.iss-btn:hover{background:var(--btn-hover);color:var(--on-gold);}
.iss-btn.ghost{flex:0 0 34%;background:none;color:var(--ink);border:1px solid var(--line);}
.iss-btn.ghost:hover{border-color:var(--gold);color:var(--gold);background:none;}

/* ---- the current issue, on the homepage ---- */
.latest-issue-cover{position:relative;overflow:hidden;}
.latest-issue-cover img{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;display:block;}

/* ---- responsive ---- */
@media(max-width:1100px){ .iss-grid{grid-template-columns:repeat(3,1fr);gap:2.2rem 1.6rem;} }
@media(max-width:820px){  .iss-grid{grid-template-columns:repeat(2,1fr);gap:2rem 1.2rem;} }
@media(max-width:480px){
  .iss-grid{grid-template-columns:1fr 1fr;gap:1.6rem 1rem;}
  .iss-m{font-size:1rem;}
  .iss-story{font-size:.92rem;}
  .iss-btn{font-size:.48rem;letter-spacing:.14em;}
}

/* an edition whose PDF has not been copied in yet */
.iss-missing .iss-cover{opacity:.5;filter:grayscale(.35);}
.iss-missing .iss-cover:hover{transform:none;box-shadow:0 18px 38px var(--shadow);}
.iss-soon{display:block;width:100%;text-align:center;padding:.62rem .4rem;
  font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;color:var(--meta);
  border:1px dashed var(--line);}

/* shown only when the site is being read straight off the disk */
.iss-disk{font-size:.76rem;line-height:1.85;color:var(--muted);max-width:660px;
  margin:-1.6rem 0 2.6rem;padding:.9rem 1.1rem;border-left:2px solid var(--gold);
  background:var(--bg-alt);}
.iss-disk code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.72rem;
  color:var(--ink);background:var(--bg-alt2);padding:.1rem .35rem;}