yr-tutorial-library{display:block;background:#fbf7f0;color:#49372e;padding:64px max(20px,calc((100% - 1240px)/2));font-family:var(--font-body--family, sans-serif)}.yr-tutorial-heading{text-align:center;max-width:760px;margin:0 auto 30px}.yr-tutorial-eyebrow{letter-spacing:.15em;font-size:12px;color:#96506b}.yr-tutorial-heading h1,.yr-tutorial-heading h2{font-family:var(--font-heading--family,serif);font-size:clamp(30px,4vw,46px);line-height:1.15;margin:12px 0 16px;color:#49372e}.yr-tutorial-heading p{line-height:1.7}.yr-tutorial-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:24px 0 32px}.yr-tutorial-filters button{font:inherit;min-height:44px;padding:10px 18px;border:1px solid #d9c8bd;border-radius:100px;background:#fffaf5;color:#49372e;cursor:pointer}.yr-tutorial-filters button[aria-pressed=true]{background:#96506b;color:white;border-color:#96506b}.yr-tutorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.yr-tutorial-card{min-width:0;background:#fffdf9;border:1px solid #e6d9cd;border-radius:20px;overflow:hidden;box-shadow:0 6px 22px #49372e08}.yr-tutorial-card>a{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.yr-tutorial-cover{position:relative;aspect-ratio:16/9;background:#efe5d8;overflow:hidden}.yr-tutorial-cover img{display:block;width:100%;height:100%;object-fit:contain}.yr-tutorial-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#96506bf2;color:#fff;border:2px solid white;font-size:21px;padding-left:3px}.yr-tutorial-body{display:flex;align-items:flex-start;flex-direction:column;flex:1;padding:24px;gap:12px}.yr-tutorial-badge{font-size:12px;letter-spacing:.06em;color:#96506b;background:#f7e9ee;padding:5px 10px;border-radius:30px}.yr-tutorial-body h3{font-size:23px;line-height:1.3;margin:0;color:#49372e;overflow-wrap:anywhere}.yr-tutorial-body p{line-height:1.6;margin:0}.yr-tutorial-tags{font-size:13px;color:#735e50}.yr-tutorial-action,.yr-tutorial-all{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:#96506b;color:white;border-radius:10px;padding:12px 18px;min-height:48px;font-size:14px;text-decoration:none;margin-top:auto}.yr-tutorial-tab-note{font-size:12px;color:#79675b}.yr-tutorial-footer{text-align:center;margin-top:32px}.yr-tutorial-empty{text-align:center;padding:20px}.yr-tutorial-editor-note{padding:14px;border:1px dashed #96506b}.yr-tutorial-library [hidden]{display:none!important}.yr-tutorial-card:focus-within{outline:3px solid #96506b;outline-offset:4px}.yr-tutorial-library button:focus-visible,.yr-tutorial-all:focus-visible{outline:3px solid #49372e;outline-offset:4px}.yr-tutorial-card:hover{border-color:#96506b}@media(max-width:1023px){.yr-tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){yr-tutorial-library{padding:40px 18px}.yr-tutorial-grid{grid-template-columns:minmax(0,1fr);gap:20px}.yr-tutorial-body{padding:20px}.yr-tutorial-filters{gap:8px}.yr-tutorial-filters button{font-size:13px;padding:10px 13px}.yr-tutorial-heading h1,.yr-tutorial-heading h2{font-size:31px}}
.yr-tutorial-directory{display:block;padding:56px 24px;max-width:1208px;margin:auto;color:#49372e}.yr-tutorial-directory .yr-tutorial-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),360px));justify-content:center}.yr-tutorial-directory .yr-tutorial-cover img{position:absolute;inset:0}.yr-tutorial-directory .yr-tutorial-body h2{font-size:24px;line-height:1.3;margin:0}.yr-channel-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 32px}.yr-channel-filters a{display:inline-flex;align-items:center;padding:10px 18px;min-height:44px;border:1px solid #d9c8bd;border-radius:24px;color:#49372e;text-decoration:none}.yr-channel-filters a[aria-current],.yr-channel-filters a:hover{background:#96506b;color:white}.yr-channel-filters a:focus-visible{outline:3px solid #96506b;outline-offset:3px}@media(max-width:639px){.yr-tutorial-directory{padding:36px 18px}.yr-channel-filters{gap:8px}.yr-channel-filters a{font-size:13px;padding:9px 12px}}

.yr-tutorial-directory[data-channel="photo"] .yr-tutorial-grid{max-width:1040px;margin-inline:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.yr-tutorial-directory .yr-tutorial-body h2{min-height:2.6em}.yr-tutorial-directory .yr-tutorial-action{margin-top:auto}@media(max-width:639px){.yr-tutorial-directory[data-channel="photo"] .yr-tutorial-grid{grid-template-columns:minmax(0,1fr)}.yr-tutorial-directory .yr-tutorial-body h2{min-height:0}}