.tutorials-public{max-width:1240px;margin:0 auto;padding:20px 24px 36px}.tutorials-public__intro{grid-template-columns:1fr 1fr;align-items:start;gap:24px;margin-bottom:18px;display:grid}.tutorials-public__title{color:#0f79b6;align-self:center;margin:0;font-family:Open Sans Bold,sans-serif;line-height:1.15;font-size:var(--font-5xl)!important}.tutorials-public__description{color:#2b2b2b;font-size:var(--font-sm);margin:0;font-family:Open Sans,sans-serif}.tutorials-public__labels{flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 0;display:flex}.tutorials-public__chip{color:#2b2b2b;cursor:pointer;background:#fff;border:1px solid #c9d7e0;border-radius:999px;padding:4px 12px;font-family:Open Sans,sans-serif;font-size:12px}.tutorials-public__chip.selected{color:#fff;background:#0f79b6;border-color:#0f79b6}.tutorials-public__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:8px 0;display:grid}.tutorials-public__card{background:#fff;border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 6px #0000001f}.tutorials-public__thumb{aspect-ratio:16/9;width:100%;display:block;position:relative;overflow:hidden}.tutorials-public__player{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.tutorials-public__meta{color:#6d6d6d;margin:8px 10px 0;font-family:Open Sans,sans-serif;font-size:10px}.tutorials-public__card-title{color:#1f2937;margin:6px 10px 0;font-family:Open Sans Bold,sans-serif;font-size:14px;line-height:1.25}.tutorials-public__card-description{color:#383838;flex:1;margin:8px 10px 0;font-family:Open Sans,sans-serif;font-size:12px;line-height:1.4}.tutorials-public__link{color:#1f88c8;margin:10px 10px 12px;font-family:Open Sans Bold,sans-serif;font-size:14px;text-decoration:none}.tutorials-public__link:hover{text-decoration:underline}@media (max-width:1100px){.tutorials-public__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.tutorials-public{padding:18px 16px 28px}.tutorials-public__intro{grid-template-columns:1fr}.tutorials-public__title{font-size:30px}.tutorials-public__description{font-size:15px}.tutorials-public__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px}.tutorials-public__card-title{font-size:16px}.tutorials-public__card-description,.tutorials-public__link{font-size:14px}}@media (max-width:560px){.tutorials-public__grid{grid-template-columns:1fr}}