.faqs-resources-section { --res-ease: cubic-bezier(.4, 0, .2, 1); padding-block: clamp(40px, 5vw, 80px); } .res__panel { display: grid; grid-template-columns: 1fr; overflow: hidden; color: var(--text); } .res__intro { padding: clamp(32px, 4.4vw, 80px) clamp(24px, 3vw, 80px); } .res__eyebrow { color: var(--text); } .res__title { margin: 0 0 18px; } .res__title .accent { color: var(--heading-accent); } .res__copy { max-width: 46ch; margin: 0 0 clamp(20px, 2.2vw, 34px); font-size: clamp(15px, 1.15vw, 17px); line-height: 1.45; color: var(--text); } .res__blocks { display: grid; grid-auto-rows: 1fr; } .res__blk { display: grid; gap: 7px; align-content: center; padding: clamp(13px, 1.5vw, 21px) clamp(24px, 3vw, 56px); color: var(--text); text-decoration: none; border-top: 2px solid var(--text); transition: background .25s var(--res-ease); } .res__blk:first-child { border-top: 0; } .res__blk:hover { color: var(--accent-ink); text-decoration: none; background: var(--accent); } .res__blk b { display: flex; gap: 12px; align-items: center; font-family: var(--font-family-primary); font-size: clamp(15px, calc(1.3vw * var(--ts)), 17.1px); font-weight: 600; line-height: 1.25; text-transform: uppercase; letter-spacing: .3px; } .res__blk--blank b::before, .res__blk--internal b::before { flex: none; width: 18px; height: 18px; content: ""; background: currentColor; -webkit-mask: var(--res-ic) center / contain no-repeat; mask: var(--res-ic) center / contain no-repeat; } .res__blk--blank { --res-ic: url("https://www.canvastempe.com/wp-content/themes/university-partners-2026/assets/images/icons/external-link-thin.svg"); } .res__blk--internal { --res-ic: url("https://www.canvastempe.com/wp-content/themes/university-partners-2026/assets/images/icons/arrow-right-thin.svg"); } @media (min-width: 992px) { .res__panel { grid-template-columns: 1fr 1fr; } .res__blocks { height: 100%; border-left: 2px solid var(--text); } } @media (prefers-reduced-motion: reduce) { .res__blk { transition: none; } }  .copyright { color: #fff; background-color: #121212; } .copyright__container { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; padding: 1rem var(--x-gap); font-size: 12px; line-height: 1; } .copyright img { height: 1.1em; vertical-align: middle; } @media(min-width: 992px) { .copyright__container { justify-content: space-between; } }  .btn::before { top: var(--ink-y, 50%); left: var(--ink-x, 50%); width: var(--ink-d, 150%); }