.tutorial-resource { padding-block: 30px; border-bottom: 1px solid var(--rule); background: #eeeee5; }
.tutorial-resource-inner { display: grid; grid-template-columns: 58px 1fr auto; align-items: center; gap: 24px; }
.tutorial-resource-icon { width: 58px; height: 58px; display: grid; place-items: center; border: 1px solid #c4cbbd; border-radius: 50%; color: #38534a; }
.tutorial-resource h2 { font-size: clamp(27px, 2.5vw, 38px); letter-spacing: -.035em; margin: 7px 0; }
.tutorial-resource p:not(.eyebrow) { font-size: 14px; color: var(--muted); }
.tutorial-resource .btn { white-space: nowrap; }
.client-card .tutorial-inline { display: inline-flex; gap: 8px; align-items: center; margin-top: 14px; padding-block: 8px; font-size: 13px; color: #39564c; text-decoration: underline; text-underline-offset: 4px; }
.client-card .tutorial-inline:hover { color: var(--bronze); }
@media (max-width: 1000px) { .tutorial-resource-inner { grid-template-columns: 1fr auto; } .tutorial-resource-icon { display: none; } }
@media (max-width: 650px) { .tutorial-resource-inner { grid-template-columns: 1fr; gap: 18px; } .tutorial-resource .btn { justify-self: start; white-space: normal; } }