.pineapple-archive {
  --pa-ink:#171713;
  --pa-paper:#fbfaf6;
  --pa-soft:#f2eee3;
  --pa-green:#274f3b;
  --pa-yellow:#efbc38;
  width:min(1180px,calc(100% - 28px));
  margin:0 auto;
  color:var(--pa-ink);
  font-family:Arial,Helvetica,sans-serif;
}
.pineapple-archive__intro{padding:clamp(34px,6vw,72px) 0 28px;border-bottom:1px solid #d9d3c6}
.pineapple-archive__eyebrow{display:block;margin-bottom:10px;color:var(--pa-green);font-size:.72rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.pineapple-archive__intro h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.6rem,7vw,5.8rem);line-height:.93;letter-spacing:-.055em}
.pineapple-archive__intro p{max-width:720px;margin:16px 0 0;color:#5f5b52;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.42}
.pineapple-archive__reader{margin:34px 0 52px;overflow:hidden;border:1px solid #d4cec0;border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(35,45,37,.12);scroll-margin-top:24px}
.pineapple-archive__reader[hidden]{display:none!important}
.pineapple-archive__reader-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 20px;border-bottom:1px solid #ddd7ca;background:var(--pa-paper)}
.pineapple-archive__reader-bar>div{display:grid;gap:2px}
.pineapple-archive__reader-bar span{color:var(--pa-green);font-size:.68rem;font-weight:850;letter-spacing:.13em}
.pineapple-archive__reader-bar strong{font-family:Georgia,"Times New Roman",serif;font-size:1.15rem}
.pineapple-archive__reader-bar a{color:var(--pa-green)!important;font-size:.82rem;font-weight:800;text-decoration:none!important}
.pineapple-archive__frame{display:block;width:100%;height:min(1180px,84vh);min-height:760px;border:0;background:#fff}
.pineapple-archive__years{padding:20px 0 70px}
.pineapple-archive__year{padding:34px 0 42px;border-top:1px solid #d9d3c6}
.pineapple-archive__year:first-child{border-top:0}
.pineapple-archive__year-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.pineapple-archive__year-head h2{margin:0;color:var(--pa-green);font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,5vw,3.7rem);line-height:1;letter-spacing:-.045em}
.pineapple-archive__year-head>span{color:#777166;font-size:.76rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.pineapple-archive__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pineapple-archive__issue{position:relative;min-height:180px;padding:20px;overflow:hidden;border:1px solid #d9d3c6;border-radius:18px;background:var(--pa-paper);color:var(--pa-ink)!important;text-decoration:none!important;box-shadow:0 10px 26px rgba(35,45,37,.06);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.pineapple-archive__issue::before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--pa-yellow)}
.pineapple-archive__issue:hover,.pineapple-archive__issue[aria-current="true"]{transform:translateY(-3px);border-color:#bcb3a0;box-shadow:0 17px 38px rgba(35,45,37,.12)}
.pineapple-archive__issue[aria-current="true"]{background:#f7f0d9}
.pineapple-archive__issue-kicker{display:block;color:var(--pa-green);font-size:.67rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.pineapple-archive__issue strong{display:block;margin-top:16px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.65rem,3vw,2.45rem);line-height:1;letter-spacing:-.035em}
.pineapple-archive__issue-action{position:absolute;right:18px;bottom:18px;left:20px;color:#69635a;font-size:.78rem;font-weight:750}
.pineapple-archive__empty{margin:36px 0 60px;padding:26px;border-radius:18px;background:var(--pa-soft);color:#5f5b52}
@media(max-width:900px){.pineapple-archive__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pineapple-archive__frame{min-height:680px;height:78vh}}
@media(max-width:640px){.pineapple-archive{width:min(100% - 20px,1180px)}.pineapple-archive__intro{padding-top:30px}.pineapple-archive__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pineapple-archive__issue{min-height:150px;padding:16px;border-radius:15px}.pineapple-archive__issue::before{width:5px}.pineapple-archive__issue strong{margin-top:12px;font-size:1.65rem}.pineapple-archive__issue-action{right:14px;bottom:14px;left:16px;font-size:.7rem}.pineapple-archive__reader{border-radius:18px;margin-top:24px}.pineapple-archive__reader-bar{align-items:flex-start;flex-direction:column}.pineapple-archive__frame{min-height:620px;height:75vh}}