/* Resources module – keeps visual language identical to site.css */
.subnav{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.subnav a{
  display:inline-flex;
  padding:9px 12px;
  border-radius:12px;
  border:1px solid var(--border);
  background: rgba(255,255,255,0.03);
  color: var(--muted);
  font-weight:700;
  text-decoration:none;
}
.subnav a.active{
  background: rgba(106,167,255,0.18);
  border-color: rgba(106,167,255,0.35);
  color: var(--text);
}
.subnav a:hover{color:var(--text); background: rgba(255,255,255,0.06)}

.resource-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:14px;
  margin-top:14px;
}
@media (max-width: 820px){
  .resource-grid{grid-template-columns:1fr}
}

.resource-card{
  display:block;
  padding:16px;
  border-radius: var(--radius);
  border:1px solid var(--border);
  background: rgba(255,255,255,0.03);
  box-shadow: var(--shadow);
  color: var(--text);
  text-decoration:none;
}
.resource-card:hover{background: rgba(255,255,255,0.06); text-decoration:none}
.resource-card .title{font-size:16px; font-weight:800; margin-bottom:6px}
.resource-card .desc{color:var(--muted); margin:0; line-height:1.45}

input[type="search"]{
  width:100%;
  max-width:520px;
  margin:10px 0 12px;
  padding:11px 12px;
  border-radius:12px;
  border:1px solid var(--border);
  background: rgba(0,0,0,0.20);
  color: var(--text);
  outline:none;
}
input[type="search"]::placeholder{color: rgba(185,196,226,0.7)}
input[type="search"]:focus{border-color: rgba(106,167,255,0.45); box-shadow: 0 0 0 4px rgba(106,167,255,0.12)}

table{
  width:100%;
  border-collapse:collapse;
  border:1px solid var(--border);
  border-radius: 14px;
  overflow:hidden;
  background: rgba(255,255,255,0.02);
}
thead th{
  text-align:left;
  padding:12px;
  font-size:13px;
  letter-spacing:0.3px;
  color: var(--muted);
  border-bottom:1px solid var(--border);
  background: rgba(255,255,255,0.03);
}
tbody td{
  padding:12px;
  border-bottom:1px solid rgba(255,255,255,0.06);
}
tbody tr:hover td{background: rgba(255,255,255,0.03)}
tbody tr:last-child td{border-bottom:none}
tbody a{font-weight:700}