/* eCircuitCalc — Resources page */
.res-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.3rem}
.res-card{display:flex;flex-direction:column;gap:.6rem;padding:1.7rem;border-radius:var(--radius);
  background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(12px);
  transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
.res-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:var(--shadow)}
.res-ic{font-size:1.9rem}
.res-card h3{font-size:1.08rem}
.res-card p{font-size:.9rem;color:var(--text2);flex:1}
.res-card .badge{align-self:flex-start}

/* Featured (live) guide card */
.res-card.featured{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;gap:1.2rem;align-items:center;
  background:linear-gradient(135deg,var(--surface),var(--surface2));border-color:var(--accent);box-shadow:var(--shadow)}
.res-card.featured .badge{grid-column:1/-1;align-self:start}
.res-card.featured .res-ic{font-size:2.6rem}
.res-card.featured h3{font-size:1.4rem}
.res-card.featured .res-cta{font-weight:700;color:var(--accent);white-space:nowrap;transition:transform .3s var(--ease)}
.res-card.featured:hover .res-cta{transform:translateX(4px)}

.res-table{margin-top:3.5rem}
.res-table .section-head p{margin-top:.4rem}
.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
table{width:100%;border-collapse:collapse;min-width:420px}
th,td{padding:.85rem 1.2rem;text-align:left;font-size:.92rem;border-bottom:1px solid var(--border)}
th{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text2);background:var(--surface2)}
tr:last-child td{border-bottom:0}

/* Color swatches used in the excerpt table */
td i{vertical-align:-2px;margin-right:.4rem}
.sw{display:inline-block;width:14px;height:14px;border-radius:4px;border:1px solid var(--border2)}
.sw-black{background:#101014}.sw-brown{background:#7a4a12}.sw-red{background:#d23b2e}
.sw-gold{background:linear-gradient(180deg,#e8c65a,#c39a2e)}.sw-silver{background:linear-gradient(180deg,#ececec,#a7adb4)}

@media (max-width:640px){
  .res-card.featured{grid-template-columns:1fr;text-align:left}
}