.cv-tutorials{--cv-dark:#1c2529;--cv-sage:#567565;--cv-gold:#c5a46d;--cv-cream:#faf8f3;font-family:'DM Sans',sans-serif;color:var(--cv-dark)}
.cv-tutorials h1,.cv-tutorials h2,.cv-tutorials h3{font-family:'Playfair Display',serif;font-weight:400}
.cv-tutorials-hero{background:linear-gradient(125deg,#edf7fa,#faf8f3 55%,#e5efe8);padding:100px 0 105px}
.cv-tutorials-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--cv-sage);margin-bottom:20px}
.cv-tutorials-hero h1{font-size:clamp(42px,5.5vw,72px);line-height:1.14;max-width:860px;margin:0 auto 24px}
.cv-tutorials-hero h1 em{color:var(--cv-sage)}
.cv-tutorials-hero p,.cv-tutorials-lead{max-width:660px;margin:0 auto 30px;color:#58686b;line-height:1.9;font-size:16px}
.cv-tutorials-yt,.cv-tutorials-button{display:inline-block;background:var(--cv-dark);color:white;text-decoration:none;padding:14px 25px;font-size:11px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase}
.cv-tutorials-yt:hover,.cv-tutorials-button:hover{background:var(--cv-sage);color:white}
.cv-tutorials-content{padding:90px 0 105px;background:white}
.cv-tutorials-content h2,.cv-tutorials-bottom h2{font-size:clamp(32px,4vw,48px);margin-bottom:18px}
.cv-tutorials-filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:42px}
#playlistButtons{display:contents}
.cv-tutorials-filter{background:#f4f7f3;border:1px solid #d9e5dd;color:var(--cv-dark);padding:11px 19px;font-size:12px;cursor:pointer;transition:background .2s}
.cv-tutorials-filter.active,.cv-tutorials-filter:hover{background:var(--cv-dark);border-color:var(--cv-dark);color:white}
.cv-tutorial-card{height:100%;border:1px solid #eae9e4;background:var(--cv-cream);overflow:hidden;transition:transform .25s,box-shadow .25s}
.cv-tutorial-card:hover{transform:translateY(-5px);box-shadow:0 14px 32px rgba(0,0,0,.08)}
.cv-tutorial-thumb{display:block;position:relative;border:0;padding:0;width:100%;aspect-ratio:16/9;background:#dce9e5;cursor:pointer;overflow:hidden}
.cv-tutorial-thumb img{width:100%;height:100%;object-fit:cover}
.cv-tutorial-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:rgba(28,37,41,.85);display:grid;place-items:center;color:white;font-size:19px}
.cv-tutorial-card-body{padding:24px}.cv-tutorial-category{display:block;font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--cv-sage);margin-bottom:12px}
.cv-tutorial-card h3{font-size:22px;line-height:1.4;margin-bottom:18px;overflow-wrap:anywhere}.cv-tutorial-card a{color:var(--cv-sage);font-size:12px;font-weight:700;text-decoration:none}
.cv-tutorials-message{text-align:center;padding:24px;color:#66756e}
.cv-tutorials-bottom{background:var(--cv-dark);color:white;padding:85px 0}.cv-tutorials-bottom h2{color:white}.cv-tutorials-bottom .cv-tutorials-eyebrow{color:var(--cv-gold)}
.cv-tutorials-bottom p{max-width:570px;margin:0 auto 30px;color:#c4cfca;line-height:1.9}.cv-tutorials-bottom .cv-tutorials-button{background:var(--cv-gold);color:var(--cv-dark)}.cv-tutorials-bottom .cv-tutorials-button-light{background:transparent;border:1px solid #b7c1bb;color:white}
@media(max-width:767px){.cv-tutorials-hero{padding:65px 0}.cv-tutorials-content{padding:60px 0}.cv-tutorials-bottom{padding:65px 0}}
