#resources .res-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:44px;flex-wrap:wrap}
  #resources .res-head h2{font-family:var(--f-display,'Michroma',sans-serif);font-size:clamp(24px,3.6vw,46px);font-weight:400;line-height:1.16;margin-top:16px}
  #resources .res-head h2 em{font-family:var(--f-body,Georgia,serif);font-style:italic;color:var(--yellow-warm,#b8941f)}
  #resources .res-alllink{font-family:var(--f-mono,ui-monospace,monospace);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--bronze,#b8941f);border-bottom:1px solid var(--bronze,#b8941f);padding-bottom:3px;white-space:nowrap;transition:color .25s ease}
  #resources .res-alllink:hover{color:var(--ink,#1a172e)}
  #resources .res-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;background:var(--rule-l,#e5e0d0);border-top:1px solid var(--rule-l,#e5e0d0);border-bottom:1px solid var(--rule-l,#e5e0d0)}
  @media(max-width:900px){#resources .res-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:540px){#resources .res-grid{grid-template-columns:1fr}}
  #resources .res-card{background:var(--cream,#f2eddd);display:flex;flex-direction:column;min-height:300px;transition:background .3s ease;overflow:hidden;text-decoration:none;color:inherit;padding:26px 24px 24px}
  #resources .res-card:hover{background:var(--ink,#1a172e);color:var(--cream,#f2eddd)}
  #resources .res-card:hover .res-kicker,#resources .res-card:hover .res-more{color:var(--yellow,#d4af37)}
  #resources .res-card:hover .res-fig{border-color:rgba(242,237,221,.24);background:transparent}
  #resources .res-card:focus-visible{outline:2px solid var(--bronze,#b8941f);outline-offset:-3px}
  #resources .res-kicker{font-family:var(--f-mono,ui-monospace,monospace);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze,#b8941f);margin-bottom:14px;transition:color .3s ease}
  #resources .res-card h3{font-family:var(--f-display,'Michroma',sans-serif);font-size:15px;font-weight:400;line-height:1.3;margin-bottom:10px}
  #resources .res-card p{font-size:13px;line-height:1.55;opacity:.78;flex:1}
  #resources .res-figs{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
  #resources .res-fig{font-family:var(--f-mono,ui-monospace,monospace);font-size:10.5px;padding:4px 8px;border:1px solid var(--rule-l,#e5e0d0);background:var(--cream-2,#e8e2cf);font-variant-numeric:tabular-nums;transition:background .3s ease,border-color .3s ease}
  #resources .res-more{margin-top:18px;font-family:var(--f-mono,ui-monospace,monospace);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze,#b8941f);transition:color .3s ease}