/* Resources article styles — used by all /resources/*/ comparison pages. */

.eyebrow{color:var(--mu);font-size:.72rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin-bottom:1rem}
.eyebrow a{color:var(--ac2)}

.app-card{background:var(--sf);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1.4rem;margin-bottom:1.2rem}
.app-card h3{font-size:1.2rem;margin-bottom:.25rem;letter-spacing:-.01em;color:var(--tx);font-weight:800}
.app-card .best-for{color:var(--ac2);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.8rem}
.app-card .desc{color:var(--mu);font-size:.93rem;line-height:1.6;margin-bottom:1rem}
.app-card .pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;font-size:.85rem}
.app-card .pros-cons h4{font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.5rem;font-weight:700}
.app-card .pros h4{color:#22d3ee}
.app-card .cons h4{color:#888899}
.app-card ul{list-style:none;padding:0;margin:0}
.app-card li{color:var(--mu);font-size:.85rem;padding:.18rem 0;padding-left:1rem;position:relative;line-height:1.5}
.app-card .pros li::before{content:"+";position:absolute;left:0;color:#22d3ee;font-weight:700}
.app-card .cons li::before{content:"−";position:absolute;left:0;color:#888899;font-weight:700}
.app-card.featured{border-color:rgba(34,211,238,.32);box-shadow:0 0 30px var(--glow)}
.app-card.featured .badges{justify-content:flex-start}

.choose-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:.5rem}
.choose-card{background:var(--sf);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:1rem 1.1rem;font-size:.9rem;color:var(--mu);line-height:1.55}
.choose-card strong{color:var(--ac2);display:block;margin-bottom:.35rem;font-size:.8rem;letter-spacing:.4px;font-weight:700;text-transform:none}

@media(max-width:600px){
  .app-card .pros-cons,.choose-grid{grid-template-columns:1fr}
}