.tpc-resource-pair { display: grid; grid-template-columns: 1fr 1fr; margin-block: 42px 0; gap: 26px; }
.tpc-resource-pair a { background: var(--tpc-blue); color: var(--tpc-paper); padding: 28px; display: grid; grid-template-columns: 1fr 24px; gap: 10px; clip-path: var(--tpc-cut); text-decoration: none; min-height: 150px; }
.tpc-resource-pair .tpc-smallcap, .tpc-resource-pair strong { grid-column: 1; }
.tpc-resource-pair strong { font-size: 1.4rem; line-height: 1.3; }
.tpc-resource-pair a > span:last-child { grid-column: 2; grid-row: 1/3; align-self: center; font-size: 1.5rem; }
.tpc-resource-pair a:hover { background: var(--tpc-blue-dark); text-decoration: underline; }
.tpc-resource-pair a:focus-visible { outline: 0; box-shadow: inset 0 0 0 3px var(--tpc-paper), inset 0 0 0 6px var(--tpc-ink); }
@media (max-width: 680px) { .tpc-resource-pair { grid-template-columns: 1fr; gap: 20px; } }