.tut-root{width:100%;margin:0 auto;padding:2rem 1.5rem}.tut-header{margin-bottom:2rem}.tut-title{margin:4px 0;font-size:clamp(24px,4vw,36px);font-weight:700}.tut-sub{color:var(--text-muted);margin:0;font-size:14px}.tut-grid{grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:24px;display:grid}.tut-card{background:var(--card-bg);border:.5px solid var(--border);border-radius:12px;overflow:hidden}.tut-video-wrap{height:0;padding-bottom:56.25%;position:relative}.tut-iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.tut-info{padding:16px 20px 20px}.tut-tags{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.tut-tag{color:var(--blue01);text-transform:uppercase;letter-spacing:.5px;background:#185fa51f;border:.5px solid #185fa54d;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:600}.tut-duration{color:var(--text-muted);margin-left:auto;font-size:11px}.tut-card-title{color:var(--text);margin:0 0 6px;font-size:15px;font-weight:600;line-height:1.4}.tut-card-desc{color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}@media (max-width:600px){.tut-grid{grid-template-columns:1fr}}