.hr-box{--hr-g:var(--tac-g,#62e033);margin-top:40px;padding:20px;background:#0e0e0e;display:flex;flex-direction:column;gap:14px}.hr-head{flex-wrap:wrap;justify-content:space-between;gap:8px;padding-bottom:4px}.hr-head,.hr-head h3{display:flex;align-items:center}.hr-head h3{gap:10px;margin:0;font:700 18px/24px Space Mono,monospace;letter-spacing:-.01em;text-transform:uppercase;color:#edffe8}.hr-head h3 svg{width:22px;height:22px;color:var(--hr-g)}.hr-head span{font:10px/12px JetBrains Mono,monospace;letter-spacing:.04em;text-transform:uppercase;color:#849581}.hr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media(max-width:1023px){.hr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.hr-grid{grid-template-columns:1fr}}.hr-item{--tone:var(--hr-g);display:flex;align-items:center;gap:12px;padding:12px;background:var(--site-panel-deep);text-decoration:none;transition:background .15s}.hr-item.r{--tone:#ffb4ab}.hr-item.c{--tone:#00daf3}.hr-item.g2{--tone:#00e479}.hr-item.g3{--tone:#60ff99}.hr-icon,.hr-item:hover{background:var(--site-panel)}.hr-icon{display:flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;color:var(--tone);transition:background .15s,color .15s}.hr-icon svg{width:20px;height:20px}.hr-item:hover .hr-icon{background:var(--tone);color:#0e0e0e}.hr-text{display:flex;flex-direction:column;min-width:0}.hr-text b{font:400 15px/22px Space Mono,monospace;letter-spacing:-.01em;color:#e5e2e1;transition:color .15s}.hr-item:hover .hr-text b{color:var(--tone)}.hr-text small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:10px/12px JetBrains Mono,monospace;letter-spacing:.04em;color:#849581}