.rg-sec .wrap { padding-block: 56px}
.rg-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 12px 24px; margin-bottom: 20px}
.rg-head h2 { font-size: clamp(22px, 2.6vw, 28px); margin-top: 8px}
.rg-head a { font-weight: 600; font-size: 14.5px; text-decoration: none} .rg-head a:not(.pnl, .pnl *){ color: var(--accent-bright)}
.rg-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))}
.rg-list a { display: flex; flex-direction: column; gap: 10px; height: 100%; box-sizing: border-box; padding: 18px 20px; border-radius: 10px; text-decoration: none; font-weight: 600; line-height: 1.4; transition: border-color .2s} .rg-list a:not(.pnl, .pnl *){ background: var(--panel); border: 1px solid var(--line); color: var(--fg)}
.rg-list a:hover:not(.pnl, .pnl *), .rg-list a:focus-visible:not(.pnl, .pnl *){ border-color: #cfcbc3}
.rg-list span { margin-top: auto; font-size: 14px; font-weight: 600} .rg-list span:not(.pnl, .pnl *){ color: var(--accent-bright)}