/* WOLF1956 resource pages (code books, NICET). Extends legal.css / site.css. */

.page-resources .sub-display{max-width:18ch}

.res-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin:28px 0 8px;
}
.res-grid-2{grid-template-columns:repeat(2,1fr)}

.res-card{
  padding:28px 26px 26px;
  border-radius:var(--r);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  border:1px solid var(--line2);
  display:flex;
  flex-direction:column;
  gap:0;
}
.res-card .edition{
  margin:0 0 12px;
  font:600 12px/1 var(--mono);
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--fire);
}
.res-card h2{
  font-size:clamp(20px,2.2vw,26px);
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.15;
  margin:0 0 12px;
  padding:0;
  scroll-margin-top:94px;
}
.res-card p{color:var(--muted);margin:0 0 1em}
.res-card p:last-of-type{margin-bottom:18px}
.res-actions{
  margin-top:auto;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.res-actions .btn{white-space:normal;text-align:center}

.res-list{
  margin:0 0 1.15em;
  padding:0;
  list-style:none;
}
.res-list li{
  margin:0 0 10px;
  padding:14px 16px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:12px;
}
.res-list a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;font-weight:600}
.res-list a:hover{color:var(--text)}
.res-list .res-desc{
  display:block;
  margin:4px 0 0;
  color:var(--muted);
  font-size:14.5px;
  font-weight:400;
}

.res-fine{
  margin-top:36px;
  padding-top:24px;
  border-top:1px solid var(--line2);
  color:#73859a;
  font-size:13.5px;
}
.res-fine p{margin:0 0 .85em}
.res-fine p:last-child{margin-bottom:0}

@media (max-width:900px){
  .res-grid,.res-grid-2{grid-template-columns:1fr;max-width:560px}
}