/* Where I Stand — issues index + detail, built on site.css tokens */
.issues-intro{max-width:64ch;margin-top:14px;font-size:18px;color:var(--body)}

/* index grid */
.stand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:44px 0 10px}
.stand-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--hair);border-top:4px solid var(--gold);padding:26px 26px 24px;text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:transform .16s ease, box-shadow .16s ease}
.stand-card.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease, transform .55s ease}
.stand-card.reveal.in{opacity:1;transform:none}
.stand-card::before{content:"";position:absolute;top:0;right:0;width:78px;height:78px;background:var(--cream-2);border-radius:0 0 0 78px;opacity:.7;transition:transform .25s ease}
.stand-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(16,42,93,.13)}
.stand-card:hover::before{transform:scale(1.5)}
.stand-card .ic{position:relative;z-index:2;width:46px;height:46px;display:grid;place-items:center;background:var(--navy);color:#fff;border-radius:12px;margin-bottom:16px;transition:background .2s ease, transform .25s ease}
.stand-card:hover .ic{background:var(--gold);color:var(--navy-deep);transform:rotate(-6deg)}
.stand-card .ic svg{width:24px;height:24px}
.stand-card .num{position:absolute;top:22px;right:22px;z-index:2;font-family:"Anton";font-size:20px;color:var(--gold-deep);line-height:1;opacity:.5}
.stand-card h3{font-family:"Anton";text-transform:uppercase;font-size:25px;line-height:.98;color:var(--navy);margin:12px 0 10px}
.stand-card p{font-size:14.5px;color:var(--body);line-height:1.55;flex:1}
.stand-card .more{font-family:"Archivo";font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);margin-top:16px;display:inline-flex;align-items:center;gap:7px}
.stand-card:hover .more{color:var(--gold-deep)}
.stand-card .more span{transition:transform .16s}
.stand-card:hover .more span{transform:translateX(4px)}

/* feature photo band */
.issues-feature{position:relative;overflow:hidden;background:var(--navy);margin-top:8px}
.issues-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:.5}
.issues-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,var(--navy) 12%,rgba(19,45,106,.6) 55%,rgba(19,45,106,.28)),repeating-linear-gradient(122deg,rgba(255,255,255,.05) 0 1.5px,transparent 1.5px 12px)}
.issues-feature .inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:64px 28px}
.issues-feature .q{font-family:"Playfair Display";font-weight:800;font-style:italic;font-size:clamp(24px,3.2vw,40px);line-height:1.2;color:#fff;max-width:20ch}
.issues-feature .q b{color:var(--gold);font-style:normal}
.issues-feature .by{font-family:"Archivo";font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bright);margin-top:18px}

/* detail layout */
.stand-detail{display:grid;grid-template-columns:1fr 320px;gap:56px;align-items:start;padding:60px 0 20px}
.stand-body .lede{font-size:20px;line-height:1.6;color:var(--ink);margin-bottom:20px}
.stand-body .lede.first::first-letter{font-family:"Anton";font-size:60px;float:left;line-height:.8;padding:6px 14px 0 0;color:var(--gold-deep)}
.stand-body p{font-size:17px;line-height:1.7;color:var(--body);margin-bottom:18px}
.stand-body h2{font-family:"Anton";text-transform:uppercase;font-size:26px;color:var(--navy);margin:34px 0 18px;padding-top:22px;border-top:2px solid var(--hair)}
.plank-list{list-style:none;display:flex;flex-direction:column;gap:14px}
.plank-list li{position:relative;padding-left:38px;font-size:16.5px;line-height:1.55;color:var(--ink)}
.plank-list li::before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;background:var(--gold);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.plank-list li b{color:var(--navy);font-weight:700}

/* detail sidebar */
.stand-aside{position:sticky;top:96px;display:flex;flex-direction:column;gap:22px}
.stand-nav{background:#fff;border:2.5px solid var(--navy);box-shadow:7px 7px 0 var(--navy)}
.stand-nav h4{font-family:"Anton";text-transform:uppercase;font-size:17px;color:var(--navy);padding:16px 18px;border-bottom:2.5px solid var(--navy)}
.stand-nav a{display:block;padding:11px 18px;border-bottom:1px solid var(--hair);font-family:"Archivo";font-weight:600;font-size:14px;color:var(--navy);transition:.13s}
.stand-nav a:last-child{border-bottom:none}
.stand-nav a:hover{background:var(--cream-2);padding-left:22px}
.stand-nav a.active{background:var(--navy);color:#fff}
.stand-donate{background:var(--navy);color:#fff;padding:26px;text-align:center;border-top:4px solid var(--gold)}
.stand-donate h3{font-family:"Anton";text-transform:uppercase;font-size:23px;line-height:.98;margin-bottom:8px}
.stand-donate p{font-size:13.5px;color:rgba(255,255,255,.8);margin-bottom:16px}
.stand-donate .btn{width:100%;justify-content:center}

.stand-pager{display:flex;justify-content:space-between;gap:16px;border-top:2px solid var(--hair);margin-top:10px;padding-top:22px}
.stand-pager a{font-family:"Archivo";font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--navy)}
.stand-pager a:hover{color:var(--gold-deep)}
.stand-pager .lbl{display:block;font-size:11px;color:var(--body);letter-spacing:.12em;margin-bottom:3px}

@media(max-width:900px){
  .stand-grid{grid-template-columns:1fr 1fr}
  .stand-detail{grid-template-columns:1fr;gap:36px}
  .stand-aside{position:static}
}
@media(max-width:560px){ .stand-grid{grid-template-columns:1fr} }
