/* Scoped to the TBW resources page. */
.merch-resources-main { padding: clamp(3rem, 7vw, 7rem) var(--pad); max-width: 100rem; margin: auto; }
.merch-resources-heading h1 { font-size: clamp(2.25rem, 6vw, 6rem); line-height: 1.05; letter-spacing: -.045em; max-width: 16ch; margin: 0 0 clamp(3rem, 6vw, 6rem); }
.merch-resources-main h2 { font-size: 1rem; letter-spacing: .13em; margin-bottom: 1.5rem; }
.resources-section h2 { color: var(--brand-teal); }
.resource-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.resource-links a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; background: var(--paper); color: var(--ink); border-radius: 24px; padding: clamp(1.5rem, 3vw, 2.5rem); font-size: clamp(1.1rem, 2vw, 1.5rem); text-decoration: none; }
.resource-links a:is(:hover, :focus-visible) { background: var(--brand-teal); color: var(--brand-white); }
.resource-links a:focus-visible { outline: 2px solid var(--paper); outline-offset: 4px; }
.merch-section { border-top: 1px solid var(--line); margin-top: clamp(3rem, 6vw, 6rem); padding-top: 2rem; }
.merch-section p { font-size: 1.25rem; color: var(--brand-gray); }
@media (max-width: 640px) { .resource-links { grid-template-columns: 1fr; } }