/* ==============================================================
   ALKARON — report cards
   Used by the homepage and /research/. Change how the cards look
   here, re-upload this one file, and both pages update.
   (Card wording lives in research/_catalog.php → ALK_TEXT.)
   ============================================================== */

.rcard{
  background:linear-gradient(180deg,var(--panel) 0%,var(--panel2) 100%);
  border:1px solid var(--line); border-radius:5px; padding:30px 28px;
  display:flex; flex-direction:column; position:relative;
  transition:border-color .2s ease;
}
.rcard:hover{border-color:var(--line2);}
.rcard--feature{border-color:rgba(217,164,65,.34);}
.rcard--feature::before{
  content:''; position:absolute; top:-1px; left:28px; width:72px; height:2px; background:var(--gold);
}

/* topic · Report · dates */
.rcard__meta{
  display:flex; flex-wrap:wrap; gap:6px 14px; margin:0 0 16px 0;
  font-family:'JetBrains Mono',ui-monospace,Menlo,monospace; font-size:10.5px; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase; color:var(--dim);
}
.rcard__meta span:first-child{color:var(--cyan);}

/* title, gold subject line, summary */
.rcard__h{font-family:var(--serif); font-weight:600; font-size:20px; line-height:1.3; margin:0 0 8px 0;}
.rcard__h a{color:var(--fg); text-decoration:none; transition:color .16s ease;}
.rcard__h a:hover{color:var(--gold-lt);}
.rcard__h a:focus-visible{outline:2px solid var(--cyan); outline-offset:4px;}
.rcard__sub{font-size:14px; font-weight:600; color:var(--gold); margin:0 0 14px 0; letter-spacing:.02em;}
.rcard__p{font-size:14.5px; line-height:1.72; color:var(--muted); margin:0 0 24px 0;}

/* button + price */
.rcard__actions{display:flex; align-items:center; gap:20px; flex-wrap:wrap; margin-top:auto;}
.rcard .btn{padding:12px 22px; font-size:14px;}
.rcard__price{font-size:17px; font-weight:600; color:var(--gold-lt); letter-spacing:-.01em;}
.rcard__price small{font-size:12.5px; font-weight:400; color:var(--dim); margin-left:4px; letter-spacing:0;}

/* small line under the newest card */
.rcard__note{font-size:12px; color:var(--dim); margin:16px 0 0 0; line-height:1.6;}

/* the big newest card on the homepage */
.research__grid .rcard--feature{padding:34px 32px;}
.research__grid .rcard--feature::before{left:32px;}
.research__grid .rcard--feature .rcard__h{font-size:clamp(21px,2.4vw,27px); line-height:1.25;}
.research__grid .rcard--feature .rcard__p{font-size:15px; margin-bottom:26px;}
.research__grid .rcard--feature .btn{padding:14px 30px; font-size:14.5px;}

@media (max-width:640px){
  .rcard, .research__grid .rcard--feature{padding:24px 20px;}
  .rcard--feature::before, .research__grid .rcard--feature::before{left:20px;}
}